第3章 UI图标设计.pptxVIP

APP UI移动端设计与交互基础教程03UI图标设计本章依托UI设计中常见图标的制作方法与质感表现，在介绍图标制作规范的基础上，巩固和加强Photoshop软件在UI设计中的核心操作。 3.1 UI图标设计3.1.1 图标的分类1．系统图标（按属性分类）系统图标指的是系统功能或APP应用程序的启动图标。2．功能图标（按属性分类）功能图标指的是承担着某种功能的图标。图3-1 系统图标 图3-2 功能图标3.2 UI图标设计3.2.1 图标的分类3．线性图标和剪影图标（按设计风格分类）线性图标的外观由线条组成，而剪影图标由填充轮廓的方式进行表现。4．扁平化图标（按设计风格分类）扁平化图标就是指那些去掉装饰效果（投影、高光、纹理和渐变等）的图标。图3-3 线性图标和剪影图标 图3-4 扁平化图标设计3.2 UI图标设计3.2.1 图标的分类5．拟物化图标（按设计风格分类）拟物化图标指的是模拟现实物品的造型和质感的图标。图3-5 拟物化图标3.2 UI图标设计3.2.2 常见存储格式与图标尺寸1．存储格式（1）JPEG（2）PNG2．图标尺寸（1）iOS系统3.2 UI图标设计3.2.2 常见存储格式与图标尺寸（2）Android系统3.2 UI图标设计3.2.3 APP启动图标的常见创意设计方法1．使用产品名字的首字母或一个字2．使用品牌名字全称3.2