服务时间:8:30-18:00

首页 >UI设计网

UI图标的基础属性有哪些

发布时间:2022-02-15 00:28 字数:1123字 阅读:127

UI图标的基础属性有哪些?很多图标看似相同,但从它们的基本属性上分析却有很大的不同。图标的属性包括类型、尺寸、颜色的数量、透明效果、阴影效果、倾斜角度、风格等。

UI图标的基础属性有哪些

·类型

图标分为矢量图标和位图图标两种。由于位图图标的效果比较丰富,所以目前大部分的图形界面中都采用了位图图标表现图标。只有少数的系统中才单纯地使用矢量图标。

由于现在高像素密度的显示器和一些低像素密度的显示器同时存在,在图标设计中使用矢量图形就会更灵活,而且使用矢量将不用为同一个图标创建不同尺寸的版本,使用渐变的效果(如增加倾斜和缩放效果)也更容易,增加其他的一些视觉效果(如阴影效果)也更容易。反锯齿和其他的一些技术保证了使用矢量实现的效果和使用位图实现的效果差不多。

·尺寸

由于早期的系统在图形上的功能比较弱,大多数早期的图标采用的都是32像素×32像素的尺寸。但也有一些例外,像NeXTSTEP系统就采用了48像素×48像素的尺寸。

近年来,图标的设计者们慢慢摆脱了图标面积为1024像素的限制。Mac OS X采用了128像素×128像素的尺寸,Windows XP采用了64像素×64像素的尺寸。一些流行的操作系统也采用了大的尺寸。为了使图标保存兼容性和通用性,可以在所有系统中正常显示,在设计图标时要设计一个较小的尺寸。同时尺寸为16像素×16像素或24像素×24像素的图标也在操作系统中使用。

·颜色的数量

图标颜色的数量一直在稳定的发展,从最早的1位两种颜色(通常是黑色和白色),到4位16种颜色,再到8位256种颜色。随着图标制作技术的发展,越来越丰富的颜色将被应用到图标设计中,甚至会出现远远超过人类眼睛能分辨的百万种颜色的图标。

·透明效果

在最新的图形界面中,透明效果扮演着很重要的角色。图标透明效果的使用,更好地表现了图标的质感,可以更好地辅助图标的功能。

·阴影效果

使用伪3D视图表现图标的立体效果的方法越来越普及,在图标中也逐渐使用了阴影效果,但在近来系统的图标中,阴影效果被设计得不连续并且很精细。

·图标的倾斜

许多不同系统的图标使用了不同的倾斜,例如Copland、BeOS、Windows XP、Mac OS X等。图标的倾斜通常会导致图标的不一致,在Windows XP里采用了两种倾斜,但它们没有很好地融合在一起。在Mac OS X里面,图标的倾斜应用得比较好。

·风格

早期的图标很抽象,可能只是为了表示一些概念。后来,图标渐渐支持更多的颜色,在“抽象和具体”之间不断平衡。目前,大多数的图标都应用了现实主义的手法。Mac OS X里的图标的内容比之前版本的图标内容多了512倍,但是这对于要清楚地表现图标的含义并不够。