APP界面设计流程

规则:
优质的方法论,在循环使用的时候,是螺旋提升技能,和产出价值的。

1.了解产品需求。
  • 了解主要界面、功能,确定主要设计任务。
  • 具体做法:以产品经理视角(暂时抛弃设计理念),理解产品功能的 概念、作用、和特点。(概念:这个功能是什么?作用:这个功能用来最什么?特点:功能的特征。)
2.找安卓竞品。(直接关联性产品。)
  • Google play 下载10个左右竞品。主要观察竞品界面,并用几何图形排版(功能分组)、元素设计(功能特征)、配色(主色和辅助色)。
3.针对原型图,做简单设计初稿。(大致3个方案。)
  • 简单排版所有内容。
  • 快速添加设计内容,依据经验简单排版。
  • 找竞品元素组合产品,并输出简单设计图。
  • 具体做法:找多个竞品,将功能混搭(功能:产品的优质设计元素),组合设计界面。
  • 找到一个最符合产品需求的方案,深入制作。(针对同事、或Leader,给出判断题或选择题。)
  • 具体做法:找需求方明确方案,满足对方需求,确定设计风格。(风格:指颜色、主元素设计、排版。)
  • 注意事项:永远都不能只抄袭一个产品。一定要多个产品参考。
4.针对主要功能,找优质组件、和设计元素。
  • 针对页面的主元素,找优质素材(竞品截图、素材网站)。
  • 绘制设计元素。(1.找竞品设计图,脑补画面。2.找设计素材,混搭方案。)
6.考虑规范(网格、颜色 、间距、圆角)。
  • 参考安卓/IOS设计规范源文件。
  • 具体做法:针对设计图的组件,找sketch上的安卓/ios规范源文件(或sketch优质设计源文件),直接套用。(主要参照间距、按钮大小。)
  • 注意事项:尽可能多的收集组件和高质量源文件。确保所有设计图,都能通过组件直接套用。
7.优化细节。放到手机上找问题,并解决。(肯定有问题。)
  • 针对网格、布局调整细节。(APP网格
  • 强迫将设计图放到手机上看,找问题。(肯定能找到大量问题。)
  • 找优秀设计的类似组件,提炼超前的优质特点。
8.上传蓝湖和切图
Skech配合蓝湖插件 切图。
具体做法:(sketch切图
分享个人经验
蓝熊博客网 » APP界面设计流程

发表评论