UI设计基础-2017 图标设计的原则 图标设计的图标设计.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、遵循技术规范用 1 二、 矢量图和像素图的结合运用 1 三、色彩、光线、材质的统一 2 四、空间分布合理、透视角度统一 3 五、细节的合理运用 4 六、保持图标设计的图标化 4 图标设计的原则 本次课程明确图标设计的原则、方法和流程，掌握图标系统化设计和细节表现的方法和技巧。掌握像素图形和矢量图形绘制的方法和技巧，并能够在界面设计中进行应用和表现。 1、遵循技术规范 以移动平台为例，通常设计时需要参阅相关的设计规范文档，并配备相关设备及所要求的系统，以方便在移动平台检校，以更好地适配设备。 2、矢量图和像素图的结合运用 通常图标在某个尺寸范围内需要适应并创建多种规格，因此创建一个经得起任意缩放的矢量图形，可以解决这一问题。但是在某种条件下，矢量绘图并不是图标设计师们最佳方法，由于许多图标的尺寸非常小，矢量图标往往不能很好地呈现像素级规格为16PX或者18PX的图标，所以必须在指定的尺寸内绘制，因此需要将矢量图和像素图结合运用。 应用尺寸可能从 1024x1024 像素到 10x10 像素不等 3、色彩、光线、材质的统一 色彩、光源等细节会影响图标的整体性和画面质量。在操作系统或大多数软件界面中都是将左上方设置为主光源，图标在操作系统中有不同的光源，但每一个单元的图标光源是一致的。 4、空间分布合理，透视角度统一 一般图标为有空间透视关系的系列图标设定一个虚拟的摄像机视角。有的图标比较稳定地分布在网站界面的四边，呈中心透视。 5、细节的合理运用 细节的合理运用既要做加法，也要做减法。在需要细节的地方做合理的表现。 6、保持图标设计的图标化 写实不同于写生和描绘，它不是完全的照搬，而是根据对象的特征进行提取和主观的再创造，参照物体的特征进行写实化的表现，并引导造型和构图更接近所要象征的概念。