发现现在越来越多UI设计师都需要画一些交互的线框图,今天就为大家整理一下绘制UI/UX的原型图的方法有哪些,有手绘的、卡牌的、软件绘制的,大家可以根据喜好来选择适合自己的一种。
一般在没有啥工具的情况下,经常使用的就是手绘啦,只要一张纸一支笔,就能绘制出简单的交互原型。当然质量还是要看本人的手绘能力的。。。
没关系,手残党可以使用彩色马克笔来让你的草图生动起来
如果你有一把尺子,那会更好
其实还有一种UI设计专用的点点本,也非常好用,某宝上面就有卖。
如果以上方式都不能拯救你的话,可以试试使用专业的原型卡牌,UXDock网站上就有。
除此之外,还可以使用绘图软件来制作,效果会更好,比如Photoshop、Illustrator、Sketch等,这几款软件相信大家都使用过吧。
还有一些专门用来制作原型的软件,也可以试试。比如我经常使用的Balsamiq Mockups,这款软件绘制出来的交互原型风格独特,有点像手绘的感觉,喜欢的话可以直接下载。
应该还有一些小伙伴喜欢风格比较好看点的Mockplus,很多产品经理都喜欢使用这个工具。
如果你想挑战更好难度的高保真交互原型,可以学习使用ProtoPie。
以上两款软件都可以在马可菠萝网站直接下载。有时灵感来的太快,只能用手绘和卡牌来临时记录想法,没关系,反正也只有自己看看,但当进一点确定后,最好还是使用软件画正规一点的原型比较好哦。