什么是图标?
图标通常分为两种:应用图标和功能图标。
应用图标
功能图标.jpeg
应用图标类型
| 类型 | 示例 |
|---|---|
| 剪影图形 |
|
| 轻拟物 |
|
| 轻质感 |
|
| 拟物 |
|
| 叠加 |
|
| 文字主体 |
|
| 插画 |
|
| 像素 |
|
功能图标类型
| 类型 | 示例 |
|---|---|
| 面形图标 |
|
| 线形图标 |
|
| 扁平线形图标 |
|
图标设计原则
应用图标
- 可识别性
表意明确,让人一看到就能知道它代表的含义,突出产品核心功能 - 差异性
在众多的同类产品中,与众不同,避免视觉同质化 - 延续产品界面
一个字,搭——图标要和产品搭 - 谨慎白色背景
- 突出品牌
- 色彩鲜活
- 使用栅格线
- 多场景测试
功能图标
- 表意明确
- 绘制草图
- 轮廓清晰
- 使用图标网络
PS=>视图=>显示=>像素网格
48*48px网格区域
蓝色为绘制区
- 整套风格统一
Yam的话:注重细节~












网友评论