原型设计工具比较及实践

原型设计工具比较及实践

 

一、UI设计工具的派系

分为2个派系。

  • 最大、最主流的派系,是Sketch、Adobe XD、墨刀

  • 另一个高效的派系就要登场了:Balsamiq、Mockplus(摩客)和Axure RP派系

 

二、Axure、Mockplus和墨刀的区别

1、Mockplus

https://www.mockplus.cn/

Mockplus(摩客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

2、Axure

https://www.axure.com/

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。

3、墨刀

墨刀-是一款在线原型设计与远程协作平台 (modao.cc)

墨刀是云端版本的,开发技术非常不稳定,稍微复杂一点就崩,功能也很少。最最最最最不可取的是,这些软件商都不提供源文件,你只能导出图片或者生成原型,但没有原型源文件。

4、总结:

  • 从整体观感上来看,Axure像一张美术素描纸,没有构思好不敢下笔,怕破坏界面的美感。 而Mockplus和墨刀像是一个手写板,随意涂改,也不会觉得有什么可惜。

  • 从细节上看,Mockplus 在组件面板的优化比 Axure 好很多。Axure虽然把常用组件的放在上面了,但在具体使用时需要经常上下滑动,翻找组件和图标。

  • Mockplus设计了组件、图标、收藏、母版的 Tab,切换起来很方便。还筛选了一部分常用的组件固定在组件库上面,实现高频操作不用找。另外这个折叠面板很棒,不用纠结展开和关闭的问题。

所以

低保真用 MockPlus ,快。

高保真用 Axure,精致。

如果你的需求是:非常强大,实现非常多的交互功能,不怕时间长,就是要效果与实际APP的像素级一致,那么Axure是你的唯一选择;

如果你的需求是:就是要快,很快出原型,很方便的演示,那么Mockplus和墨刀是你的最佳选择。

 

三、低保真和高保真

1、什么是“保真度”?

原型不一定要看起来像最终产品——它们可以有不同保真度。 原型的保真度指的是它如何传达最终产品的外观(也就是指它的细节和真实感级别)。

保真度可以在以下方面有所不同:

  • 视觉设计

  • 内容

  • 交互性

原型的类型有很多,基本介于这两种类型之间。

  • 低保真

  • 高保真

产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。

2、低保真原型

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

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

  • 视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。

  • 内容:仅包含内容的关键元素。

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

优点

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

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

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

  • 清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望

缺点

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

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

热门技术:

纸质原型和可点击的线框是两种流行的低保真原型制作技术。它们都致力于以最快的迭代设计思路,直到项目团队和利益相关者都对产品的基础模型感到满意为止。

3、高保真 (Hi-fi) 原型

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

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

  • 视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。

  • 内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。

  • 交互性:原型在交互层面非常逼真。

优点

  • 可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。

  • 对特定 UI 元素或交互的测试。借助高保真交互性,可以测试平面元素,或特定交互, 比如动画过渡和微交互。

  • 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。

缺点

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

热门技术

使用专业软件创建的数字原型 数字原型是最常见的高保真原型形式。如今,各种专业软件使设计人员能够创建充满互动效果和复杂动画的视觉丰富、功能强大的原型。

 

四、原型设计

  • 使用工具:墨刀

  • 设计对象:视频直播手机app

1.主界面

 

 

2.主界面单击搜索进入搜索栏

 

 

3.主界面单击“我的”进入个人资料页面

 

 

4.个人资料页面单击“动态”进入动态界面

 

 

 

posted @ 2021-05-30 22:58  Blow_Euphonium  阅读(118)  评论(0编辑  收藏  举报