原型设计工具比较及实践

1.墨刀：墨刀是一款在线原型设计工具。借助于墨刀，创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型，并向他人演示。

优点：

　　1.素材库很多素材，做原型会很方便。

　　2.墨刀学习起来很容易，很容易掌握基础操作。

　　3.墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等缺点。

缺点：

　　1.免费版素材内容受到限制。

　　2.交互效果、控件组合、操作面板的选择都不如Axure灵活。

　　3.效果切换因为是采用连线的方式，有时会让用户产生错乱的感觉。

 

2.Axure：Axure是一个专业的快速原型设计工具，多用于网页原型设计。是一款原型设计工具，它可以用动画效果展现让人瞬间清楚要表达的内容。AxureRP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师等。在windows下，按照需求从控件面板拖相应的控件到工作区内，快速的绘制出页面的原型。利用线框图构建出软件的大致结构，利用交互效果来表达用户的实际操作方式，清晰的表达出软件的实际功能。

优点：

　　1.可以自做或者下载各种组件，形成自己独有的组件库。

　　2.交互十分灵活。

　　3.动态面板、中继器等功能都很强大

缺点：

　　1.在组件方面稍显单薄，只有一些基础元件

　　2.Axure要做交互，则需要设置各种条件，或者输入各种用例，通过条件，动态面板状态，隐藏，切换等功能才能形成交互效果。

　　3.不容易搞懂，上手较难。

 

3.Mockplus：摹客（Mockplus）是成都摹客科技有限公司旗下设计协作品牌，专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作。

优点：

　　1.原型设计快速上手。

　　2.协同工作效率快。

　　3.设计规范轻松管理。

缺点：

　　1.Mockplus里线条没有提供隐形的扩展感应区，不好点到。

　　2.数字输入框Mockplus不提供增减按钮。

　　3.Mockplus需要进入图片导入对话框才能加图片。

 

 

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

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

• 视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。
• 内容：仅包含内容的关键元素。
• 交互性：原型可以由真人模拟。 在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。

优点

• 便宜。 低保真原型制作的明显优势在于其极低的成本。
• 快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。
• 协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。
• 清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望

缺点

• 测试期间的不确定性。 使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
• 有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

 

 

高保真 (Hi-fi) 原型的呈现和功能，尽可能类似于发布的实际产品。 当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。

高保真原型的基本特征包括:

• 视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
• 内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
• 交互性：原型在交互层面非常逼真。

优点

• 可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
• 对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
• 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。

缺点

• 成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。　

原型设计——在线音乐播放器。包括四个界面：首页、我的、菜单、听歌识曲。

 

先进入首页，该页面可以进行歌曲搜索，推荐歌单等等，点击“我的”进入个人中心；个人中心右上角三条横杠进入菜单，点击听歌识曲可以进行听歌识曲。