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

发布时间 2023-04-22 17:31:26作者: 杨友宁

原型设计工具的比较

墨刀

优势

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


劣势

墨刀的缺点在于对交互效果、控件组合、操作面板的选择没有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