工具:
1.Axure PR(力荐)
吸引我的第一个优点就是提供了很多方便的组件库、对组件的属性设置也比较全、对交互的支持非常好。
支持导出和多人协作。
以后有机会再共享我的资源。
上手容易的有:
2.POP - Prototyping on Paper(APP)适合于从草图开始设计原型的人
POP是一款App,操作非常简单,先用手机拍下草图原型,然后开始编辑原型里的哪个区域(比如按钮)链接到哪个页面,添加跳转链接,之后就变成可演示的交互原型了。
当然,局限性也很明显。首先,原型图只能通过其他方式完成。其次,交互非常有限,只能实现页面间的跳转,其他交互比如同一页面内的交互就别想了。最后,它只适用于App原型。
3.墨刀(在线的原型设计工具)
上手简单,网站也提供了新手教程。墨刀的功能比POP就强大多了,除了支持手机App原型设计,也支持平板和网页。
不过,墨刀的免费版不支持导出和多人协作,图片储存不能超过100M。不过好在支持分享。其他人根据分享的二维码或分享链接就可以查看到可运行的原型了。
4.Mockplus
和墨刀一样,也提供了很多组件库和图标库,甚至比墨刀还多。上手也同样简单,也是一拖即用。
其他
Balsamiq Mockups,很喜欢它的手绘风格。不过,Mockups就不是免费的了,但可以试用。当然,网上也有破解版。也有使用Sketch做原型设计的。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
附注
设计原型时需要谨记一点:我是在设计原型,不是设计UI。
总体架构
整体上主要就是产品的信息架构,如功能结构、导航结构,局部上主要就是页面布局和交互,如内容编排、页面切换、按钮点击等。
做减法
尽量减少页面层级、页面数量、页面交互,尽量使得信息扁平化。例如,用户登录和注册,我在一个页面搞定。
关键是要懂得用户体验
最快的原型设计工具其实还是纸和笔,没有之一。而设计原型其实也没什么特别的技巧,以用户为中心去开展设计工作。推荐每个人都要看看《用户体验要素》这本书。
最后
如果您发现不错的学习资源,欢迎留言;
网友评论