交互原型图具体要求:
不要加入视觉设计的元素。着眼于大局,不要纠结细枝末节。工具不限,产品经理最好用axure完成动态,如没有,需设计人员用AI或ps完成。按照页面流程中所考虑的交互过程,体现在原型上面。出错,提示等交互细节也应有体现。

3.3 原型图解释文案

在画交互图的开始就要记录下来。
解释文字具体要求:
每个页面之间的联系,承接关系。
页面当中的细节跳转,按钮的不同状态,弹框的提示文字,日历的跨年跨越显示效果,小数点是否保留(若保留,保留到后几位数字)等。
或是在不同情况下按钮的使用情况。

4视觉设计

在交互评审通过后,负责把控UI整体风格和所有视觉效果的设计,主要输出:VI选择的方案、所有视觉效果图、资源包等。

4.1人员评估

4.1.1 参与人员
UI设计人员
4.1.2 时间节点
在交互原图评审通过后,按照项目复杂程度在来具体安排时间节点
4.1.3 预估工作量
按照不项目复杂程度和具体完成的时间来评估工作量。

4.2 视觉识别系统

在一个项目开始之前,这是任务是必须要做的,除了延续性的项目,以后给每一个项目都要做这个视觉识别,不是设计师脑中的印象而是要落实到文档与图片展示。
由UI设计人员做3套以上UI设计方案,方案包括:颜色、logo、整体风格、icon等效果图,然后开会评审确认其中一套风格,评估确认后方可进行接下来整体的界面设计,这样避免了一个人接受项目以后交接给别人视觉上会有偏差的问题。另一个是解决了项目后期的问题,比如以后宣传单、手册设计或是名片设计,都是一种风格一种颜色。
4.2.1 颜色的设定
颜色的设定要有理有据,开会的时候会有很多人会问你为什么要用这个颜色,这个颜色代表什么,这些最好在做设计的时候就要想好。
举个例子:
当我们拿到一个项目的时候交互是已经完成一小部分了,我们可以拿着这一小部分进行设计定位,这时候我们需要了解的是:这是一个什么类型产品?这个产品的目标人群是哪些?这个产品的年龄段是哪些?这个产品的生命周期是多久?
4.2.2 LOGO的设定
一般情况下我们公司不需要做logo,但是如果有需要的话就要按照logo的制作流程进行设计。
主要内容有:logo的设计思路,logo的颜色、logo的应用场景等。
4.2.3 整体风格的设定
整理风格设计是需要做颜色、板式、icon等系列的设计。在整体风格确定前不需要做其页面的视觉设计。
4.2.4 icon的设定
俗话说细节决定成败,icon在设计中就占有细节这个位置。
每一个icon的设计要跟整体页面的风格保持一致,这样才能保证所有页面设计完成以后风格是保持统一的。

4.3 视觉页面设计

4.3.1 主要页面的评审
主要页面的评审对于设计开展后面的工作十分重要,设计师需要在评审的时候讲述自己的设计思路,包括颜色的设计理由,风格的设计理由等,讲述清楚,要让参与人员了解到你在做设计的时候思考的内容,而不单单是制作图。
4.3.2 整体页面的设计
具体要求如下:
在基于视觉风格已确定的情况下,按照交互原型图逐个页面进行设计。在设计中对于细节的把握要准确。在视觉设计中我们要考虑到不同平台的特性,根据不同平台进行设计,切勿混淆各平台的控件。在某些需要适配的移动端上面,或是H5的设计中,要考虑到尺寸的问题。在设计中一些容易忽视的页面也要做出来,比如:断网页面、连不上wifi页面、404页面、正在加载 等展示效果。

4.4 资源输出

我们在设计评审通过后,接下来会进行一项比较重要环节,跟前端开发合作实现效果。
这个时候我们需要输出5个文件资源,具体资源包分别是:
视觉效果图的尺寸标注、所有尺寸的切图资源包、解释文案、效果图源文件、全部视觉效果图。
4.4.4 编写总结规范
在一款产品结束后,设计人员需要做一份设计总结,就是对现在这一版本进行视觉规范,这也是对设计师工作的一个总结。
在对下一版的开发也是很有帮助的,大大增加了开发者的效率。

5优化体验点的编写

这个是在项目已经成功上线后,第二版还没开始前,我们要对现有的一个版本的体验点进行优化。
这部分内容,开发人员和用户研究人员一起参与。
具体内容有:对现有产品的一些功能需要优化的点的记录,有哪些不足之处。基于用户的反馈,哪些功能是可以省略的,哪些是要强调的。有哪些更好的想法可以用在下一个版本中的。
结束 谢谢观看!
本文由 @ 李宁 原创发布于人人都是产品经理。未经许可,禁止转载。
给作者打赏,鼓励TA抓紧创作!
赞赏
7人打赏