快好知 kuaihz

原型设计的道、术、器

原型设计是互联网PM的核心能力,其提升必然伴随着对器的精通,术的掌握,道的理解。

很多PM的原型设计能力还停留在器的层面,简历中号称精通Axure和墨刀等各种原型软件。其实只是刚刚入门罢了。

希望这篇文章能够让大家领悟一些原型设计的方法和思想,从而知道自己的原型该如何设计会更好。

器-原型软件

原型设计的软件就是所谓的器。

常见的器

Axure、墨刀、mockplus,纸笔。

器的选择

建议从适合当下工作和适应你的成长2方面来综合选择。

推荐Axure或墨刀,前者功能全面强大,后者专注于快速创建APP原型

器的学习

古语有云:工欲善其事,必先利其器。

建议采用“看视频入门+看文章精通”的学习方式。

比如Axure的学习,可以看小楼一夜听风雨的视频教程,尹广磊的论坛帖子。

器的精髓

正确了解每个功能的适用场景,以及具体用法。

深刻理解动态面板,中继器,内联框架等高级功能的设计理念,并善用之。

清楚知道什么时候该用什么元件来画原型,最简洁最贴近产品。

术-原型画法

原型的方法就是所谓的术。

常见的术

App原型以375×667分辨率设计最适合。

善用元件库,可以快速画出线框图。

善用动态面板,可以绘制常用交互效果。

善用母版,可以减轻不同页面的重复工作量。

善用页面快照,同一线框图无需拷贝和重复修改。

术的学习

古语有云:器欲尽其能,必先得其法。这里的法就是术。

说下我的土方法:多实践,多踩坑,多总结。

另外起点学院的部分线下授课挺有价值,可以尝试。腾讯课堂也有原型设计视频教程,也很不错。

术高于器

术是可以脱离器的。换了器,术依然有效。

比如从Axure换成墨刀,你画原型最佳的尺寸还是375×667。

懂得了母版的用法,换个原型软件照样可以快速产出原型

道-产品框架的搭建

原型设计的思想就是所谓的道。

常见的道

设计原型最适合应该采用逻辑分辨率,而不是物理分辨率。

如果原型要兼容所有主流手机屏幕,请选择最中间的逻辑分辨率。

同一功能需要出现在多个页面,应该采用公共组件的思想来设计

道的学习

多总结自己的原型设计经历,可以提炼出道。

看别人的原型尤其是rp文件,可以模仿对方的道。

反思原型软件的功能为什么这样设计,可以悟出对方的道。

道高于术

术是方法,道是理论。

术是具象的操作,通过方法可以快速产出原型

道是抽象的思想,通过理论可以落地得到方法。

器不是道

很多PM自以为学会Axure的酷炫交互,就可以做好原型设计

同样的,会用Axure画高保真原型,也不代表你的原型设计能力很强。

道术器的关系

道指导着术,术落地成器。拿上面的例子继续说:

因为:同一功能需要出现在多个页面,应该采用公共组件的思想来设计

所以:我们应该去使用母版来设计同一功能。

最后:在母版中画出这一功能,然后引用到多个页面。

总结

如果能够理解本文的大部分内容,相信你的原型设计能力已经入门。

如果运用过其中的方法或者总结过相似的理论,那么你的原型设计能力肯定很精通。

相关阅读

高级PM教你定制APP通用元件库

Axure原型加流程图功能的高效结合

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:原型设计的道、术、器  原型  原型词条  设计  设计词条  
原型

 Axure教程:首页图片轮播

图片轮播是各大网站常常见到的形式,文章带我们学习了如何用Axure实现图片轮播功能,一起来看看~双11刚过没多久,大家是否都参加了2000+亿的大项目呀?剁手的...(展开)

原型

 Axure 组件重写系列(三):...

在学习了本文的中继器表格之后,你将会十分完美地解决原生表格组件覆盖不到的功能区。一起来看。表格应该是我们非常熟悉的一种数据格式了,在实际开发中,它也是作为系统的...(展开)