原型设计工具比较及实践

原型设计工具比较

墨刀

使用领域：

墨刀有PC端、手机端、网页版等各种版本，适合项目经理设计师，开发人员等使用。

优点：

• 墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等，使用起来很方便。
• 墨刀的产品界面简洁易用，上手快，学习成本和切换成本低。
• 墨刀的APP原型可以下载到手机里，方便用户在手机上预览原型。
• 墨刀的原型也可以分享网页链接。

缺点：

• 墨刀上面不能画流程图，相对于其他工具功能相对不那么全面。
• 墨刀对交互效果、控件组合、操作面板的选择都不如其他工具灵活。
• 墨刀的效果切换因为是采用连线的方式，很容易让使用者产生混乱。

Axure

使用领域：

Axure 可供产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等使用。

优点：

• Axure是一款高保真的原型设计工具，功能齐全，操作变化多端，在制作PC端原型图上非常有优势。
• Axure自带组件库并支持第三方组件库，用户可以自做或者下载各种组件，灵活性更强。
• Axure有着非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使界面更加完成，功能更加齐全。

缺点：

• 默认的样式不太好看，大多数设计师不太喜欢默认的一些样式。
• 学习成本相对较高，一些高级组件有一定学习门槛。
• 在手机端上的预览效果较差。

Mockplus

使用领域：

比较适合软件团队、个人在软件开发的设计阶段使用。

优点：

• 易用且低学习曲线，对于初学者来说更友好。
• 针对不同的设备，都有大量的元素和图标库供用户使用。
• 可以通过简单的拖放，快速容易地创建交互原型。
• 功能多样，除用于移动APP原型设计，还可以制作PC、网页的原型设计。
• 支持团队协作。

缺点：

• Mockplus的一些组件属性比较少。
• Mockplus不支持手势交互。

 

原型设计

主题名称

良心视频平台

功能

1.平台的用户可以浏览自己的基本资料

2.平台支持并鼓励个人发布视频并伴有奖励

3.用户可以浏览自己离线缓存过或者曾经看过或收藏过的视频

4.用户可以浏览自己的作品以及基于作品所奖励的奖金

界面设计考虑因素

1.整体界面设计较为简洁，易懂的文字以及图标可以方便用户操作

2.为满足用户，界面排版虽挤不乱，可以清晰明了的看见用户所要去的区块

界面切换

 首页

 

 

界面功能：

　　用户可以看到自己具体的资料并有用户动态，粉丝及关注。也可以浏览用户自己的离线缓存，浏览记录以及收藏。

界面组成：

　　用户头像、用户ID、个人空间、设置、离线缓存、历史记录和我的收藏、我的作品、我的收益、联系客服、青少年模式、设置。

前置条件：

　　打开软件并选择个人资料选项。

后置条件：

　　可以浏览用户个人的详细资料。

操作步骤说明：

　　点击屏幕右下角用户进入个人资料界面浏览用户个人资料

 

离线缓存界面

 界面功能：

　　可以看到用户自己所缓存的视频以及所占空间与所剩空间。

界面组成：

　　返回选项、缓存的视频、多选功能、搜索功能。

前置条件：

　　进入个人资料选中缓存视频选项。

后置条件：

　　查看用户所缓存的视频以及所占空间与所剩空间。

操作步骤说明：

　　点击左上方箭头退出，点击放大镜搜索所缓存视频，右上方可以多选用户缓存的视频，点击视频可以查看用户缓存的视频。

 

历史记录界面

 界面功能：

　　可以看到用户所浏览过的视频记录。

界面组成：

　　返回选项、搜索选项、多选选项、视频分类、历史视频。

前置条件：

　　进入个人资料选中历史记录选项。

后置条件：

　　可以看到并搜索用户所浏览过的视频记录，也可以多选编辑视频浏览历史记录。

操作步骤说明：

　　点击左上角可退出该界面，放大镜可以搜索视频，右上角可以多选编辑，点击视频可以查看用户看过的视频。

 

我的收藏界面

界面功能：

　　可以看到或者编辑用户所收藏过的视频。

界面组成：

　　返回选项、搜索选项、多选选项、收藏视频分类、收藏视频。

前置条件：

　　进入个人资料选中我的收藏选项。

后置条件：

　　可以看到并搜索用户所收藏过的视频，也可以多选编辑收藏的视频。

操作步骤说明：

　　点击左上角可退出该界面，放大镜可以搜索视频，右上角可以多选编辑，点击视频可以查看用户收藏的视频。