首页 > 其他分享 >原型设计工具的学习及使用

原型设计工具的学习及使用

时间:2023-04-22 17:36:39浏览次数:31  
标签:照片 界面 相册 简介 可以 学习 原型 工具 页面

目录

原型设计工具的比较

墨刀

优势

墨刀是一个简单易上手的原型设计工具,适合对原型设计方面没有基础的小白使用,
内置丰富的组件库和图标库可以从头开始绘制原型,也可以导入设计稿完成交互,其
操作方便,组件自由拖拽和动作效果清晰。墨刀拥有的工作流文档使得在工作过程中
打开工作流就可以看到全局状态和注释,实时同步进度和文档,是一种有效的沟通语
言,同时墨刀还支持多人在线协作,多人聚焦讨论,可以第一时间收到产品的最新需
求、细节和修改建议等,随时随地沟通想法,及时的修改问题,免去很多麻烦。


劣势

墨刀的缺点在于对交互效果、控件组合、操作面板的选择没有Axure灵活,内置
的交互效果会出现不够用的情况,由于效果采用连线方式会让用户产生错乱效果。


适用领域

产品经理:
可以利用自带组件库和素材广场轻松完成原型设计。
开发人员
通过的一个链接即可得到所需的标注、切图等设计资源。
测试人员
参考内置的CRD模式就能直接和对功能需求点。
市场销售
制作产品demo,与客户演示更传神。
设计师
使用Sketch插件,可以一键上传设计稿件,交付开发。
运营
可以更好的梳理活动需求。


Axure

优势

  1. 既可以画图,又可以做文档,画图的难度低于PS,写文档的难度低于Word。
  2. Axure有一套很强大的交互编辑器,可以处理复杂的逻辑关系,是的模拟更真实。
  3. 使用成本较低。

劣势

  1. 在用户和设计师眼中,Axure的默认元素和样式都比较无法接受。
  2. 学习成本较高,高级元件存在一定的学习门槛。
  3. 移动端的演示效果比较差,由于服务器不在国内,元件库用处不大。

适用领域

Axure的主要用户为产品经理,其次是UI/UE,然后是研发人员。


Mockplus

优势

  1. 易于使用且学习曲线低,对于任何水品的用户都是一个好的选择
  2. 对于不同的设备,有大量的元素和图表库。
  3. 简单的操作可以更容易地创建交互原型。
  4. 可以通过拖放的操作快速的链接页面。

劣势

  1. 在文档支持方面较低,可选择性较少。
  2. 不支持收手势的交互。

适用领域

适用于Mockplus的用户有产品经理、设计师和前端工程师。


原型设计工具的学习及使用

相册
-----相册管理软件

1.功能

相册管理软件可以让人们对照片以及图片进行更好的管理和储存,并且将已保存好的照片进行分类,而且还有对某一特征索引的功能,比如保存时间,地点和人物等方面,同时还有对图片的编辑功能,即裁剪,美化等功能。

2.界面

(1).相册

image

简介

该界面为此软件的主要页面之一,在进行登陆操作之后,进入软件的第一个界面即为此页面,在该页面的主要组成有向软件导入用户手机内部的照片,而且再导入之后可以对照片进行分类处理,在分类下部分即使各种类型照片,在前者的下部分还有该软件的一部分功能:收藏功能(对相册中较为满意的进行单独储存),回收站功能(对一些已删除的照片进行找回),私密空间(对一些涉及隐私的图片储存)。

(2).回收站
简介

image
再进入此界面后,显示的是在最近时间已删除的照片,可以对他们进行永久删除,也可以恢复。

子级页面
删除后页面

image

单张已删除照片

image

(3).收藏
简介

image

收藏界面是用可以将相册全部照片中最为喜欢的照片进行单独储存,以方便在日后的使用,而且个人界面的头像更换可以在收藏中进行选择。

子级页面
收藏单张照片

image

(4).自拍
简介

image

此处是分类中的自拍界面,此界面主要保存的是手机自拍照片。

(5).截图
简介

image

该界面是通过用户移动端的截屏功能得到的照片。

(6).加密空间
简介

image

此界面可以将一些涉及用户本人隐私的照片进行特殊储存,只有用户本人使用密码进入。

子级页面
单张加密照片

image

(7).搜索界面
简介

此界面即在相册界面通过点击搜索框而出现的页面,该页面既可以通过各种类别对某张照片查找。

image

(8).导入界面
简介

此页面为在相册界面点击导入选项后进入的界面,可以将储存于本机内部的照片导入到本软件内,以方便对所有照片的管理。

image

(9).照片界面
简介

该界面可以对软件内所有的页面起到串联的作用,在所有功能的单张照片的页面可以跳转至此张页面,该界面还可以对单个照片进行进一步的编辑。

image

过程及流程图

过程:

在相册界面点击搜索按钮或搜索框后,跳入进搜索界面,在输入框输入要查找照片的信息;在相册界面点击分类中的自拍界面进入到自拍照片分组,点击任意一张图片进入图片编辑界面,可以对图片进行操作;点击截图后进入截图分组,与自拍分组相同的操作即可;在点击功能分类中的收藏界面后,进入收藏的照片分组,点击照片后可以进入大图界面,可以选择移出或编辑;回收站页面进入后,可以看见已删除的照片,点击显示大图后可以选择恢复或者是彻底删除,在最后的私密空间功能中,同样可以打开大图模式,在大图模式中可以选择移出私密空间,或进入图片编辑界面。

image

标签:照片,界面,相册,简介,可以,学习,原型,工具,页面
From: https://www.cnblogs.com/yyn459716900/p/17338862.html

相关文章

  • 左偏树学习笔记
    一、前言左偏树是一种可以在\(O(\logn)\)内快速合并的堆式数据结构。具体来说,插入一个元素:\(O(\logn)\)。查询最值:\(O(1)\)。删除最值:\(O(\logn)\)。合并:\(O(\logn)\)。减少一个元素的值:\(O(\logn)\)。同时它可以持久化。二、定义外节点:左儿子或者右儿子为空的......
  • Midjourney 提示词工具(10 个国内外最好最推荐的)
    Midjourney,是一个革命性的基于人工智能的艺术生成器,可以从被称为提示的简单文本描述中生成令人惊叹的图像。Midjourney已经迅速成为艺术家、设计师和营销人员的首选工具(包括像我这样根本不会设计任何东西的无能之辈)。为了帮助你开始使用这个强大的工具,我们汇编了一份15个资源的清......
  • Meerkat 2021 pulsar timing workshop 学习笔记(一)
    Thejoyofpulsars,byProfMatthewBaile,SwinburneUniversityofTechnologyhttps://www.youtube.com/watch?v=qG_hMzTCEX4&t=988s笔记不保证正确性(英语不行),最好观看原视频 1.引力天才们伽利略,第一个把望远镜指向天空的人,发现了木星有卫星开普勒,为行星绕太阳绕选给出了严......
  • python学习-学生信息管理系统并打包exe
    在B站自学Python站主:Python_子木授课:杨淑娟平台:马士兵教育python:3.9.9python打包exe文件#安装PyInstallerpipinstallPyInstaller#-F打包exe文件,stusystem\stusystem.py到py的路径,可以是绝对路径,可以是相对路径pyinstaller-Fstusystem\stusystem.py学生信息管理......
  • TS学习
    TypeScript在JS的基础上添加类型概念,一个变量生下来是什么变量就是什么变量 TS不能被JS解析器直接执行  xxx.ts不能直接执行使用ts编译成js TS增加了什么?1.TS可以使用变量类型tupleenuminterfaceabstractclass2.完全支持JS支持ES新特性3.添加ES不具备的......
  • 5.深度学习计算
    层和块importtensorflowastfimportnumpyasnpnet=tf.keras.models.Sequential([tf.keras.layers.Dense(256,activation=tf.nn.relu),tf.keras.layers.Dense(10)])X=tf.random.uniform((2,20))net(X)"""<tf.Tensor:shape=(2,......
  • 铺垫知识jwt工具类使用、登录接口实现细节分析和代码实现、测试接口
    铺垫知识jwt工具类使用JWT工具类:JWTUtilpublicstaticvoidmain(String[]args)throwsException{//加密Stringjwt=createJWT("2123");System.out.println(jwt);//解密Claimsclaims=parseJWT("eyJhbGciOiJIUzI1......
  • [github] github访问加速工具**FastGithub**
    1、简介FastGithub是GitHub访问加速神器,主要解决GitHub打不开、用户头像无法加载、releases无法上传下载、git-clone、git-pull、git-push失败等一系列问题。2、下载地址​github:github百度云:百度云3、双击FastGithub.UI.exe运行......
  • 前端工具vscode将英文设置中文简单方便
    按照步骤来: 右下角会有提示,点击重启即可 然后vscode就变成中文的了 ......
  • SSM框架学习(1)
    一、Spring为什么要学Spring?Spring在学什么?Spring该怎么学?1、初识Springa.认识springb.spring发展史2、SpringFramework系统架构a.Spring系统架构图系统架构图讲究上层依赖于下层;第一核心大块1、CoreContainer表明Spring是一个用来管理对象的技术,即CoreContainer中装的就是对象;......