图标常用小tips

一、图标样式分类

将图标按照样式进行分类,可以分为线框图标、填色图标、多色图标。

二、图标文件格式分类

图标的文件格式通常有位图(如jpg、png等)、SVG、GIF或者Animated SVG,每种类型对应的使用场景也有不同。

  1、位图应用场景有:照片、复杂的矢量图;

  2、SVG应用场景有:Logo图、不复杂的矢量图、UI组件、信息化图表、图标;

  3、GIF和其他图片格式一样,不能适配各种分辨率,在放大或者高分辨率显示器上会出现像素化;

  4、Animated SVG支持缩放和自适配,在任意分辨率的显示屏上都可以清晰的呈现;

三、图标配色取色思路

思路一:同一透明度,使用同一色相不同饱和度表现层级区分;

思路二:同一色相,使用不同透明度表现层级;

思路三:同一透明度,使用主色和相近色表现层级;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容