手机APP视觉设计流程,如何定义视觉规范

手机APP视觉设计流程,如何定义视觉规范

APP为什么要去制定设计规范呢,良好的界面设计,总能令人赏心悦目,更好地保留用户,增加用户的粘性。

其实主要是公司产品规模大了之后就需要多个产品设计师协作完成整个产品,每个设计师之间的设计理念、设计方法、设计习惯的不同,协作完成的产品往往会导致产品一致性差。这个时候一份设计规范来规范,从而保证产品设计的一致性,无二义性,能有大幅度提升整体产品质量。

手机APP视觉设计流程,如何定义视觉规范

常见的手机APP视觉设计流程:

第一阶段:概念设计和原型设计

第二阶段:视觉定义阶段。

第三阶段:界面产出阶段。

一旦手机APP视觉语言确认,我们就可以据此制作一个单独文档来搞定APP视觉规范!

设计流程会按找以下几个步骤来展开:

1.颜色,字体,图标,按钮,公共控件,模块,有了这些规范,会让用户使用过程有一个统一的感受 。比如按钮的使用,用户在前面使用过一个,会希望下一个按钮也是相同的感受,主要就是默认使用习惯的延续。/.;;;

2.反过来,不同的按钮效果会让用户也茫然。产品界面的设计,是用户在使用产品时,最直接的感官体验,也是企业间接的面向用户的直观体现。

3.在项目开发进行中,如果有问题出现,就需要设计规范来为你证明了,很多时候空口无凭,规范的形成,一定要用文档、图表等方式整理出来,记录在案,发邮件,上传svn等。

手机APP视觉设计流程,如何定义视觉规范

4.在团队成员使用时,可以随时查阅。规范的介绍与使用标准,文字介绍一定要简洁,便于浏览。

从产品设计到开发和测试,这中间是需要经过很多环节的,每一个细节,每一个按钮、每一个页面都需要大家用心去设计,不用担心规范会变成“紧箍咒”。让最好的想法、最优的效果展示给大家,这也是我们最初制定设计规范初衷的。

手机APP视觉设计流程,如何定义视觉规范

常用的手机APP设计工具

分别是 Photoshop,Illustrator,After Effects,Axure RP 8。

简称,PS,AI,AE,ARP 软件。

PS 主要用于制作 UI 设计中界面和图标设计,也可以对 UI 中的一些广告页进行设计。

AI 主要用于制作 UI 设计中的图标设计,也可以对 UI 中的一些引导页的插画图进行设计。

AE 主要用于制作 UI 设计中的交互动效,在现今的 UI 产品中很多都是需要用动效的。

ARP 主要用于制作 UI 设计中的原型图,线框图,流程图的设计。

从事UI设计这条路让我收获了很多,很感谢最初的选择。

此次分享,这些资料全赠送!

包含基础软件ps、AI、AE等教程、进阶案例教程、素材等等,对小白也好,对工作族都有提升。

获取方式:转发,在评论区留言并私信给我:UI设计


分享到:


相關文章: