
上QQ阅读APP看书,第一时间看更新
1.6 图标的设计原则
1.6.1 可识别性
慕课视频

图标的设计原则
1.造型准
在进行图标设计时,应通过对信息与图形的理解,进行准确的图标造型,以保证用户能够理解图标的含义。例如,图标造型越贴近真实世界越容易被识别,如图1-14所示,左右两边的图标都是表达点赞的意思,但左边的图标比右边的图标更具有识别性。

图1-14
2.颜色对
在进行图标设计时,应通过调整色相、明度、饱和度设计出合适的颜色,以保证图标和背景形成对比。如果图标使用黄色,那么背景应采用较深的颜色,这样才能看清楚图标,如图1-15所示。

图1-15

图1-15(续)
3.够清晰
在进行图标设计时,设置尺寸及坐标应使用合适的数值,以保证像素完美。例如,坐标值为整数、尺寸值为偶数会使图标更清晰,如图1-16所示。

图1-16