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