UI图标设计

——实训环节;;APP即Application(应用程序)的缩写，指运行在智能手机、平板电脑等移动终端设备上的第三方应用程序。随着智能手机和Pad等移动终端设备的普及，人们逐渐习惯了使用应用客户端上网的方式，而目前国内各大电商，均拥有了自己的应用客户端，这标志着应用客户端的商业使用，已经开始初露锋芒。不仅如此，随着移动互联网的兴起，越来越多的互联网企业、电商平台将应用客户端作为销售的主战场之一。

本次实训主要针对手机APP设计进行讲解，根据手机操作系统的不同进行划分，APP设计可大致分为iOSApp设计和AndroidApp设计两类。;;1、丰富的第三方应用程序;2、便捷性优势;3、已融入人们生活;在当下移动互联网时代里，更多的企业和开发者为开发APP投入了大量的人力和财力，导致APP产品层出不穷，并占据了各大应用市场。目前市场上的APP大致可分为以下几类。;1、启动图标;2、加载页;3、引导页;4、首页;4、首页;5、内容页;;首先，要明确APP设计的构想和理念，以及受用人群是哪一类，是写给小孩玩的游戏，还是用来理财的记账类应用，每个APP应用都有固定的适用人群，而这决定了APP的内容是什么，也决定了要给使用者以什么样的用户体验。

其次，一个APP有明确的使用目的是必须的。设计者要了解用户的需求是什么，如何才能满足用户的需求，同时吸引更多的用户来使用你的APP。

产品定位后的产出物应为低保真原型图和原型说明文档。低保真原型图指粗略的线框图，主要用来简单说明产品功能。;交互设计主要是针对低保真原型图对产品细节做进一步优化，更多考虑的是用户流程、信息架构、交互细节和页面元素等。最终的产出物为高保真原型图，高保真是最接近最终产品的线路图，用于表达产品的流程、逻辑、布局、视觉效果和操作状态等。;视觉设计主要是根据高保真原型设计产品界面，这就要求视觉设计师对原型设计有深刻的了解，能够整体把控页面的逻辑，用视觉手法完成产品设计。最终的产出物为各种图片、界面切图和界面标注。;用户体验需坚持以用户为中心的原则，保持功能与审美的平衡。其???，这一过程贯穿于整个设计当中，通常由团队的产品经理、交互设计师和视觉设计师来共同完成。;程序员根据设计团队提供的标注切图、搭建界面，根据产品提供的功能说明文档去开发功能，最终产出物是可使用的应用。;;英寸其实就是我们常说的长度单位。显示设备通常用英寸来表示大小，如14英寸笔记本电脑、50英寸液晶彩电，指的是屏幕对角的长度，手机屏幕也继承了这个计量单位。;像素的全称为图像元素，是用来计算数码影像的一种单位，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，若把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位，即像素。;分辨率是屏幕物理像素的总和，是指显示器所能显示像素的多少。在屏幕尺寸一样的情况下，可显示的像素越多画面就越精细。一般用屏宽像素数乘以屏高像素数来表示，比如iPhone7的屏幕分辨率为750×1334像素，就是说iPhone7的屏幕是由750列和1334行的像素点排列组成的。;网点密度（简称DPI）通常用来描述印刷品的打印精度，表示每英寸所能打印的点数。例如，设置打印分辨率为96DPI，那么打印机在打印过程中，每英寸的长度上将打印96个点。DPI越高，打印机的??度就越高。当DPI的概念用在手机屏幕上时，表示手机屏幕上每英寸可以显示的像素点的数量。;像素密度（简称PPI）常用于屏幕显示的描述，表示每英寸像素点的数量。例如，在Photoshop中新建文档时，设定某图的分辨率为72PPI，当图片对应到现实尺度中，屏幕将以每英寸72个像素的方式来显示。显示屏幕的PPI数值越高，画面看起来就越细腻。;1.4.6常见手机屏幕规格;;;1）主色

主色是决定画面风格趋向的色彩，主色可能是多种颜色，一般在Logo和视觉面积较大的导航栏上使用。主色的选择过程称为定色调，它的成败直接影响到视觉传达的效果，还会影响到使用者的情绪。因此确定主色调是APP设计中非常关键的一步。

2）辅助色

辅助色的作用是使画面更完美更丰富。一般应用在APP中的控件、图标和插图上。;3）点睛色

点睛色通常在色彩组合中占据的面积较小，视觉效果较为醒目。主要用在提示性的小图标或者需要重点突出的图形中。;1）明暗对比

明暗对比是决定画面情调、风格的重要因素。在以明度为基准配色时，明度对比强则视敏度高，画面清晰明朗。明度对比太强则使色彩层次两极分化，带有强烈的刺激性，;2）色相对比

因色相差异而产生的对比称为色相对比。色相对比的强弱与色彩的相对位置和距离