ui设计师如何设计制作原型图?

发布者: 乾学优行者 发布时间: 2021-3-4 浏览 220

ui设计师如何设计制作原型图?画原型图是交互稿的一部分,很多正在进行UI设计培训的小伙伴并不了解,所以今天小编将铺开阐述设计规范的原型图应该注意哪些。


ui设计师如何设计制作原型图?

 一、原型图标注

原型图对于UI设计师来说,是查看产品功能和逻辑的一种方式。但是对于开发人员来说,他们最关心的内容是产品使用中的边界条件、页面跳转关系,所以UI设计师需要画出功能的所有交互状态。1、定义好标注点的含义和事件;2、梳理所有对象和逻辑关系、状态;3、模块化区分和标记。
 

二、在同一个页面展示所有交互状态

当项目开始一段时间后,原型里的标注会逐渐变多,很多的开发人员和UI设计师没有耐心看原型图上的各种标注,所以尽量能一个页面上显示出所有的交互状态,避免设计师与开发人员看漏。


三、用流程图梳理业务逻辑关系

用流程图梳理产品业务的逻辑关系,常用的流程图分为单向流程图和泳道图。单向流程图一般描述单一角色完成某个任务的整体过程,如登录注册过程、支付流程、填写资料等。绘制流程图时需要注意确保产品流程的合理性,有效传达需求以及检验异常分支。


四、原型工具

Axure是日常工作中最常用的原型工具,除了能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模板外,还支持 java script交互的实现,并生成 Web 格式上传到 Axure share分享浏览。另外,目前市面上还有很多种原型工具,例如墨刀、摩客、ProtoPie等,都适合用于原型交互设计。设计师可以根据自己的需求、电脑系统需求等来选择。推荐阅读>>>ui的字体设计应该怎样应用?


ui设计师如何设计制作原型图?原型图是设计师与开发人员以及产品之间的沟通桥梁,是一种媒介,有着不可替代的作用。学好做原型图,有利于推进整个项目的发展。


本页网址:https://www.u-walker.com/ui/3547.html

上一篇: ui设计具体怎样制作模糊效果?

下一篇: ui设计师是怎样运用对比原则的?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部