本文作者:cysgjj

原型设计作品

cysgjj 04-09 15
原型设计作品摘要: 目前常用的原型设计软件有哪些?如何使用axure进行原型设计?目前常用的原型设计软件有哪些?1、墨刀:超快的移动应用原型工具2、omnigraffle:os x专用3、App Co...
  1. 目前常用的原型设计软件有哪些?
  2. 如何使用axure进行原型设计?

目前常用的原型设计软件哪些

1、墨刀:超快的移动应用原型工具

2、omnigraffle:os x专用

3、app Cooker:ipad上的原型设计工具

原型设计作品
图片来源网络,侵删)

4、乎之原型:原型快速设计

5、Easel:让不会代码用户界面设计创业者快速制作产品原型页面

6、Prott:非常出色的原型设计工具

原型设计作品
(图片来源网络,侵删)

7、Protoshop:10分钟由平面设计稿打造出可在移动设备上运行的Native App原型

8、摩客:简洁高效的原型图设计工具

9、Epub360:画原型,做H5页面都可以搞定

原型设计作品
(图片来源网络,侵删)

初级UI设计师更加关注的是界面的视觉效果,而高级UI设计师,不仅要考虑用户的视觉体验,更多的是关注用户使用体验和交互设计。所以UI设计师的晋升之路必须要掌握原型设计这个环节,才能设计出更加完美的作品。那原型设计软件有哪些呢?推荐一款原型设计软件。

快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:

1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。

2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。

3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。

4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式

交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议***用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:

1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。

用过Axure、Justinmind、Mockplus,我个人比较喜欢Mockplus。

Axure适合做超大型高保真原型,但是之前感觉Axure生成的原型在移动端很难用,不知道现在发展怎么样了。

Justinmind相较于axure来说更适合制作APP原型,不过不太容易上手,学习门槛比较高,而且同步展示非常慢。如果你是产品小白,或者需要中低保真的原型,或者项目时间紧,那我比较推荐Mockplus,这个工具几乎没有什么学习门槛,在他们***看一遍教程基本就可以完全掌握了,另外Mockplus的一键分享、在线演示和审阅等功能,对于团队协作来说也是非常友好。

如何使用axure进行原型设计?

用axure进行原型设计需要先从整体布局考虑,再来细化每个功能点。整体的布局就是在设计的过程中注意色彩的对比、对每个模块的布局进行深入探讨以保证样式美观、方便操作;细化每个功能点就要考虑弹出和跳转的正确设置,每个跳转链接都可以准确的到达指定区域,减少繁琐的进行多次跳转。

1.确定风格

每个原型设计都需要先确定好风格,保证后续的设计风格一致,符合使用者的整体形象。其次是颜色运用的合适,可以唤醒使用者的视觉美感,给予视觉上的冲击,人们往往都愿意相信自己第一眼便喜爱的东西,所以原型的设计上,一定要优先抓住客户眼球,让他们接受这个样式,这样设计者也可以少走弯路,达到事半功倍的效果。加强使用者的第一印象,使其在使用中易接受,提高使用效率。

2.注重实用

在原型的设计上,美观是一[_a***_],但也不能减少对实用性的注重。进行原型设计的时候,一定要多方考虑,把使用者看中的、常用的、主要的功能排在页面最上方或是最显眼的地方,不能因为强调设计上的炫酷,就让使用者为了打开一个页面或功能要点很多下。实用又不缺乏美观的原型才更能凸出设计者的专业能力

3.细化功能

Axure的功能非常强大,可以通过将元件库中的原件直接拖拽到主操作界面中进行排版,操作非常简单且十分快捷,但如果需要显示相应效果,则需要对各相关元件进行交互设置,从而能够显示出想要的效果。如滑动显示效果,用来显示和隐藏动作进行展现;在动态面板中,通过Tab标签切换的功能呈现单击不同的Tab标签可以切换显示不同的Tab内容页,且选中的标签标题产生变红色或加黑效果等。

以上所述仅仅是Axure中的一小部分,进行Axure原型设计时还需要考虑到一定逻辑性,比如在做滑动效果时,如果逻辑不清晰,就会导致效果无法显示。Axure原型设计需要持续不断地增加新内容来满足更多使用者的需求,所以要不断的了解和学习其中的功能以及效果展示方法,并将学到的技巧和方法积累沉淀下来,扎实自己所学,扩充自身的知识储备。

数通畅联 专注于企业IT架构、SOA综合集成、数据治理分析领域,感谢您的阅读与关注!

文章版权及转载声明

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。转载请注明出处:http://www.dm-laser.com/post/1350.html发布于 04-09

阅读
分享