教学课件3-2 APP视觉设计流程及方法.ppt

,APP视觉设计流程及方法,授课教师：肖文婷,【产品定位及市场分析阶段】 目前APP的市场生态还算相对健康。一款APP应用的流行，优先取决于市场定位，其次是产品品质，最终才是营销手段。任何APP研发团队都会将80%的注意力集中在产品本身，如果定位和产品俱佳，即使没有什么营销能力的APP也会脱颖而出。所以，在这个阶段UI视觉设计师的工作就是了解用户的特征，定义出最终的用户群，同时确定产品的方向和运动方式等。只有定位了目标人群高度集中的区域，才能提高转化率。,女性主题的界面设计工作流程示意图,【草图绘制和架构设计阶段】 结束了产品定位及市场分析阶段后，就可以根据获取的信息来对UI设计进行初步构思了。在这个阶段中可以根据可用性的分析结果制定交互的方式、操作与跳转流程、结构、布局、信息和其他的元素。 在初步构思和架构设计这个阶段中，还要考虑到制作成本的问题，对前面的工作和设计进行实施，将UI的设计原型控制在手绘、图形、Flash等几个范围内，并且与UI后台程序管理师讨论界面操作的可行性。所以，对于UI视觉设计师而言，用线框图的方式来整理自己的思路的一种快捷的方式。草图的绘制是设计的基础，大部分的UI设计师都会将草图当做设计的第一个基础步骤。,手机APP的草图绘制,【视觉设计及界面设计阶段】 当完成UI的草图绘制及高保真原型后，就可以进入界面的视觉设计及界面美化阶段了。在这个阶段中需要对草图中的界面原型进行美化，完成其视觉效果的修饰，并确定整个界面的色调、风格、窗口、图标等对象的表现。APP设计提倡有质感、有仿真度的图形界面，并让APP的界面设计尽量接近用户熟悉或者喜欢的风格。,APP修饰美化效果图,【界面输出及可用性测试阶段】 完成UI的视觉设计和界面设计阶段后，就可以进入界面输出阶段了。在这个环节中，要配合开发人员完成相关的界面结合，并将界面设计阶段的最后结果配合技术部分输出成界面设计的实际成果，也就是将设计的原始文件输出为不同格式的文件。在APP设计开发中，如果用户自己不开发APP的功能，就需要把清晰的设计指南交付给开发人员，把界面和描述都集中在一张大图中，且尽可能把所有可遇见的情况给开发人员描述清楚，同时对PSD进行尺寸标注、说明。 界面输出后就可以进入可用性的测试阶段了。UI界面的可用性测试就是让一群具有代表性的用户对产品进行典型操作，同时观察员、设计人员、开发人员共同观察、聆听、记录。测试可以是早期的显示测试，也可以是后期的交互式的操作测试。在不断的测试中对设计工作的细节进行调整，然后进行可用性的循环研究、用户体验回馈、测试回馈等工作。,【产品上线及优化方案阶段】 最后一个阶段就是检验前面界面设计的成果是否符合市场及用户群体。在这个阶段中产品会正式上线，此时需要不断地收集市场对于产品的用户体验，并做好相关的记录和文字说明，提出意见。 当产品上线的同时，还应该不断地对产品进行优化，也就是进入分析报告及优化阶段，这个工作主要就是对前面所有的工作内容进行详细系统的整理，为下一次的UI设计提供有力的市场及专业依据，并同时优化当前产品的细节，解决不可行因素所造成的问题，让产品设计更加完美。 UI视觉设计师会参与到整个界面设计的工作中，通过前期分析、初步构思、中期制作及后期的完善来不断对界面调整。,APP最终定稿制作效果,Thanks,