原型设计是互联网PM的核心能力,其提升必然伴随着对器的精通,术的掌握,道的理解。
很多PM的原型设计能力还停留在器的层面,简历中号称精通Axure和墨刀等各种原型软件。其实只是刚刚入门罢了。
希望这篇文章能够让大家领悟一些原型设计的方法和思想,从而知道自己的原型该如何设计会更好。
器-原型软件
原型设计的软件就是所谓的器。
常见的器
Axure、墨刀、mockplus,纸笔。
器的选择
建议从适合当下工作和适应你的成长2方面来综合选择。
推荐Axure或墨刀,前者功能全面强大,后者专注于快速创建APP原型。
器的学习
古语有云:工欲善其事,必先利其器。
建议采用“看视频入门+看文章精通”的学习方式。
比如Axure的学习,可以看小楼一夜听风雨的视频教程,尹广磊的论坛帖子。
器的精髓
正确了解每个功能的适用场景,以及具体用法。
深刻理解动态面板,中继器,内联框架等高级功能的设计理念,并善用之。
清楚知道什么时候该用什么元件来画原型,最简洁最贴近产品。
术-原型画法
画原型的方法就是所谓的术。
常见的术
App原型以375×667分辨率设计最适合。
善用元件库,可以快速画出线框图。
善用动态面板,可以绘制常用交互效果。
善用母版,可以减轻不同页面的重复工作量。
善用页面快照,同一线框图无需拷贝和重复修改。
术的学习
古语有云:器欲尽其能,必先得其法。这里的法就是术。
说下我的土方法:多实践,多踩坑,多总结。
另外起点学院的部分线下授课挺有价值,可以尝试。腾讯课堂也有原型设计视频教程,也很不错。
术高于器
术是可以脱离器的。换了器,术依然有效。
比如从Axure换成墨刀,你画原型最佳的尺寸还是375×667。
懂得了母版的用法,换个原型软件照样可以快速产出原型。
道-产品框架的搭建
原型设计的思想就是所谓的道。
常见的道
设计原型最适合应该采用逻辑分辨率,而不是物理分辨率。
如果原型要兼容所有主流手机屏幕,请选择最中间的逻辑分辨率。
同一功能需要出现在多个页面,应该采用公共组件的思想来设计。
道的学习
多总结自己的原型设计经历,可以提炼出道。
看别人的原型尤其是rp文件,可以模仿对方的道。
反思原型软件的功能为什么这样设计,可以悟出对方的道。
道高于术
术是方法,道是理论。
术是具象的操作,通过方法可以快速产出原型。
道是抽象的思想,通过理论可以落地得到方法。
器不是道
很多PM自以为学会Axure的酷炫交互,就可以做好原型设计。
同样的,会用Axure画高保真原型,也不代表你的原型设计能力很强。
道术器的关系
道指导着术,术落地成器。拿上面的例子继续说:
因为:同一功能需要出现在多个页面,应该采用公共组件的思想来设计。
所以:我们应该去使用母版来设计同一功能。
最后:在母版中画出这一功能,然后引用到多个页面。
总结
如果能够理解本文的大部分内容,相信你的原型设计能力已经入门。
如果运用过其中的方法或者总结过相似的理论,那么你的原型设计能力肯定很精通。
相关阅读
高级PM教你定制APP通用元件库
Axure原型加流程图功能的高效结合
为什么375×667是移动端原型的最佳分辨率
#专栏作家#
浪子,业务型PM,浪子PRD系列51prd.com,公众号langzisay。