零售业|APP界面设计的主要流程!

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片

零售业|APP界面设计的主要流程!

文章图片




一款App应用的进一步流行 , 首先是取决于市场的定位 , 其次是产品品质 , 第三是营销手段 。 任何App研发团队都会将80%的注意力集中在产品本身 。 如果定位和产品俱佳 , 即使没有什么营销能力的App也会脱颖而出 。

所以 , 在这个阶段UI视觉设计师的工作就是了解用户的特征 , 定义出最终的用户群 , 同时确定产品的方向和运动方式等 。 只有定位在目标人群高度集中的区域 , 才能提高转化率 。 假定要制作一个女性类主题的界面设计 , 设计师要从受众的人群开始 , 收集与设计相关的信息 , 并对这些信息进行整合 。


结束了产品定位及市场分析阶段后 , 就可以根据所获取的信息对UI设计进行初步构思 。 在这个阶段 , 可以根据可用性的分析结果制定交互的方式、操作与跳转流程、结构、布局、信息和其他的元素 。

在初步构思和架构设计这个阶段 , 还要考虑制作成本问题 , 将前面的工作规划进行实施 , 将UI的设计原型控制在手绘、图形、Flash等几个范围内 , 并且与UI后台程序管理师讨论界面操作的可行性 。

所以 , 对于UI视觉设计师而言 , 用线框图的方式来整理自己的思路是一种更快捷的方式 。 草图的绘制是设计的基础 , 大部分UI设计师都会将草图当作设计的第一个基础步骤 。


当完成UI的草图绘制以及高保真原型之后 , 就可进入界面的视觉设计和界面美化阶段了 。 在这个阶段 , 需要设计师对草图中的界面原型加以美化 , 完成其视觉效果的良好修饰 , 并且还可以确定整个界面的色调、风格、窗口、图标等多个对象的视觉表现 。

App设计常常会使用有质感、仿真度比较高的图形界面 , 尽可能地去接近用户熟悉或者喜欢的风格 。


完成UI的视觉设计和界面设计阶段后 , 就可以进入界面输出阶段 。 在这个阶段 , 要配合开发人员完成相关的界面 , 并将界面设计阶段的最后结果配合技术部分输出 , 也就是将设计的原始文件输出为不同格式的文件 。 在App设计开发中 , 如果用户无法自己开发App的功能 , 就需要把清晰的设计指南交付给开发人员 , 把界面和描述都集中在一张大图中 , 且尽可能把所有可预见的情况向开发人员描述清楚 , 同时对PSD文件进行尺寸标注、说明 。