PS图标学习1——图标的分类及设计原则
2018-05-17 本文已影响0人
YamZhang
什么是图标?
图标通常分为两种:应用图标和功能图标。


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