原型图( 二 )


单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件 。主要使用的工具是PS和illustrator 。现有的版本甚至可以直接切图并保存为web格式 。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作 。
网页设计流程,用画原型图吗?逻辑谁来设计:

原型图

文章插图
简单来说,产品经理进行页面原型设计时,就需要把业务逻辑和交互逻辑讲明白,所以不能舍本逐末,不需要做得特别精美,而是要把握重点,把重心放在分析用户需求、规划产品功能上 。交互设计师可以根据产品经理的原型图进行设计 。
从使用工具来看的话,产品经理在做原型时其实只需要Mockplus这样的快速原型设计工具 。只要提前想清楚主要的功能点和交互逻辑,使用工具内置的现成组件,十分钟就能把原型做完 。
交互设计师需要做的是根据产品经理绘制的原型版和相关产品文档,绘制高保真原型,通常交互设计师会使用PS、sketch、XD之类的设计工具,在完成页面设计后上传到摹客等协作平台添加交互 。完成后也可以直接发链接给其他成员审阅,这时候主要看的就是原型呈现的视觉效果了 。
四色原型图的色原型图:
原型图

文章插图
1. moment-interval
2. role
3. catalog-entry-like description
4. party, place or thing

推荐阅读