界面原型图是什么？该怎么画？

2021-05-17 16:24:53 标签：流程图界面原型图

一、界面原型图是什么

界面原型图可以简单理解为根据需求分析阶段的要求构建出可用的产品界面，常用于项目初期或精细化阶段。

二、界面原型图的作用

1、帮助设计师将抽象的界面具体地展现，辅助设计；
2、帮助开发工程师了解界面在系统中的作用，辅助开发；
3、辅助产品测试员制定产品测试计划；
4、作为产品经理、设计师、开发工程师等群体在产品设计与开发的沟通工具；
5、简单体现产品页面的元素、模块及交互等信息，直观体现产品设计的原型内容；

三、界面原型图设计要素

在界面原型图设计前，通常会考虑以下多个要素：
1、制作原型图的目的是什么？
2、原型图的受众群体有哪些？
3、原型图能否准确传达表述含义？
4、有多少时间制作原型图？
5、需要做到大概什么样的程度？

四、界面原型图设计流程

界面原型图设计一般分为整体与局部内容，需要从设计实现的角度，由总到分逐渐细化设计，一般会注意设计的大体流程顺序：
1、确定产品整体结构；
2、确定产品整体布局与排版；
3、确定产品的功能模块；

五、界面原型图怎么画

绘制界面原型图的方法并不难，可以使用较为常用的迅捷画图工具进行：
1、画草图：首先可以简答绘制一份原型设计内容的草图，确定绘制思路；
2、做原型：接着根据原型设计的内容正式绘制图示（可参考界面原型图设计软件哪个好的画法部分制图）；
2.1界面原型图画法：打开制作工具-->结合原型设计思路将所需的图形符号添加至编辑区域-->利用样式、文本、调整图形等编辑功能进一步完善内容-->将绘制好的界面原型图保存至云端，或生成PDF、PNG、JPG等图片或文档格式。

六、界面原型图图形符号

界面原型图绘制过程中势必需要使用到多种图形符号，为了方便制图，迅捷画图预置有实体关系、模型图、流程图、思科、价值流图、平面图等分类的图形符号。
为了界面的美观，默认的图形工具栏并不会添加过多分类。如需使用则通过“更多图形”打开“形状”库，勾选需要用到的分类将其“应用”至图形工具栏；若不需要显示到图形符号栏，则在“形状”库中取消勾选分类并“应用”即可。