原型设计工具比较及实践

一，

1.墨刀

 优点

• 简单好用。墨刀上手很快，一天就可以学会一些简单的操作。
• 不仅上手快，还可以快速分享，快速查看应用在手机上的效果。
• 使用时有任何问题可以直接在墨刀的Forum提出来，会有人及时为你解答。
• 因为是一款在线工具，可以云端保存工作，这点确实很便捷。

 缺点

• 价格较贵，不能画流程图相对于其他两款功能还不是很全面。
• 应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。
• 归档能力不足。墨刀更倾向于链接、二维码形式输出，不能以文档输出。

适用领域

• 高保真原型
• 复杂多交互项目
• 安卓/ios端项目

2. Axure RP

 优点

• 高保真的原型设计工具，名声大。
• 设计工具多，内容丰富。
• 应用灵活，可拓展性强，拥有超级强大的交互制作能力。

 缺点

• 用Axure制作原型的速度比较慢（交互操作太多），常常耽误时间，而且修改起来也比较繁琐。
• 功能很多，但是学习起来有点难度。
• 本地型软件，可以下载html文档预览，手机预览不方便。

适用领域

• 视觉稿/高保真原型
• 大型复杂项目
• Web线框图
• 网页原型

3. Mockplus

 优点

• 审阅协作、无缝真机预览。
• 适合快速开发迭代的模式，上手快。
• 模版管理、组件交互动画、素描风格等功能为独有创新。
• 交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

 缺点

• 不支持手势交互。
• 平民软件，专业性不足以服众。
• 功能不够强大，个人性化设计还有潜力。
• 软件细腻性有待提高。鉴于其操作简单入门快的特点，功能追求快捷，一定程度上忽略了功能的细腻性。

 适用领域

• 中低保真原型
• 快速原型
• WEB/移动端/平板原型
• 线框图
• 视觉稿

二.低保真和高保真：

低保真原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

以下是低保真原型的基本特征：

　　(1)视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。

　　(2)内容：仅包含内容的关键元素。

　　(3)交互性：原型可以由真人模拟。 在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。

优点：

　　(1)便宜： 低保真原型制作的明显优势在于其极低的成本。

　　(2)快速： 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。

　　(3)协作： 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。

　　(4)清晰： 团队成员和利益相关者对将来的项目有了更清晰的期望

缺点：

　　(1)测试期间的不确定性： 使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。,

　　(2)有限的交互性： 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

三，原型设计实践

 

该页面为主页，可以查看热门歌曲和歌单

该界面为电台，可以看到推荐的电台及感兴趣的歌单

该界面为音乐排行榜，可以根据人气选择想听的音乐

该页面为我的主页，可以看到自己收藏的歌单以及喜欢的音乐

该界面为歌词界面