UI学习基础
图标分析
（1）、 启动图标：启动一款产品的图标logo
（2）、系统图标：功能图标：产品界面里面的图标（app里面的图标）
（3）、主题图标：手机桌面以主题设计一整套（表现出创意）-几十个
图标设计风格分类
（1）扁平化图标-- - 表现手法：纯平面、剪影、轻质感、MBE风格图标（Q版图标）、线条、长投影、手绘、- 线面结合、线性、折图、线面结合、微立体
（2）写实化图标：拟物：初中高级写实、动态图标
图标设计注意事项
- 1、风格统一
- 2、大小一致，线条粗细统一
- 3、体积感要一致
- 4、偏线性图标，线的粗度一般在4.8px
- 5、图标的边角一般都会保留圆角，圆角大多数情况在0.8到2px之间。
图标设计步骤
- 1.确定设计哪些图标（内容）
- 2.搜集素材 列：参考阿里巴巴图标库
- 3.找参考（确定设计风格和设计创意点）
- 4.可以找自己想参考的颜色，技法，要有举一反三的思想
图标考虑评定标准
- 识别性
（1）是否能让用户看懂
（2）是否阅读产生歧义
（3）是否增加用户喜爱 - 颜色
（1）是否符合产品风格
（2）是否需要颜色辅助
（3）是否符合用户习惯 - 状态
（1）是否正确表达用途
（2）是否提供用户反馈
（3）是否干扰用户思考
设置图标的画法
- 运用再次复制变换：有一个图形，ctrl + j复制一层，ctrl + t得到自由变换选区进行（位移、旋转、- 缩放）回车确认》Ctrl + shift + alt + t再次复制变换
绘制图标前的准备工作
- 1.首选项》工具》将矢量工具与变化和刑诉网格对齐打钩
- 2.首选项》单位改为像素
- 绘制图标用到的工具：1.钢笔工具2.直接选择工具（小黑、小白）
绘制图标的注意事项
- 1.不要出现半像素（两个锚点不在一条线上）
- 2.图形不出现奇数（尽量），描边可以
- 3.避免出现不正不圆的图形
UI配色小技法
- H: 色相（颜色的相貌）S：饱和度（颜色的鲜艳度）B：明度（颜色的明亮度）
- 确定好S和B 保持大小不变，变H数值，（颜色都在一个色值相对统一）
轻质感图标
- 轻质感图标绘制的方法，配色，质感（渐变，投影，），包装
- 轻质感图标是现在主流的图标样式, 比较常用，轻质感去掉质感约等于扁平化。
- 图标设计：1.初学者一定不要原创； 2.一定要找到合适的参考（设计风格、颜色）；3.有源设计
主题图标
- 主题图标包括：桌面图标、壁纸、时间、天气等；主题图标尺寸：1024x1024
- 主题设计步骤：1、确定风格（古风, 科技，小清新，等）确定关键词。2.关键词里面的特点和元素等。- 3，把每一个列出来的关键元素或特点进行对每一个图标定义。
