与上一个黑白界面相比,图标所能容纳的信息量更大,全新的风格使其在信息传递功能上有了显著提高。由iMac到iPhone引领的拟物图标更是开启了一个绚丽多彩的图标设计时代。仿真时代...
与上一个黑白界面相比,图标所能容纳的信息量更大,全新的风格使其在信息传递功能上有了显著提高。由iMac到iPhone引领的拟物图标更是开启了一个绚丽多彩的图标设计时代。仿真时代的流行也带来了一些麻烦——仿真图标的质感,光影会分散用户的注意力,形成视觉噪音。因此,用户界面设计者开始探索更新的表现形式来设计界面中的图标。比如微软引领的Metro风格图标设计,Google引领的长投影风格图标设计,但由于其表现形式过于抽象,缺乏情感传递,并未受到用户的青睐。
接下来我们就来一起了解一下UI设计图标类型有哪些~另外大家也可以学习win7系统吧网的“UI设计的风格”课程,了解UI设计的风格有哪些~
UI设计图标类型:
1、拟物图标:拟物设计追求模拟真实物品的造型和质感,通过将高光、纹理、材料、阴影等各种效果叠加在物体上(也可以适当程度变形和夸张),扁平设计就是抛弃以上对效果(尤其是高光、阴影等能造成透视效果)的追求,转而通过抽象、简化、符号化设计元素来表现。你们还记得曾经熬夜画写实图标的时候嘛~一千层也不在话下有木有!

2、扁平图标:扁平化概念的核心是去除冗余的装饰效果,这意味着去除多余的透视、纹理、渐变等能够产生3D效果的元素,使信息本身重新成为核心。并在设计元素上强调抽象、极简、符号化的概念。平面图标风格发展的后期,由于其表现形式过于抽象,缺乏情感传递,也未受到大众的青睐,这也说明UI新趋势再一次接近突出内容的本质,即认知简约。

3、微扁平、轻拟物:从扁平风格发展到现在,图标慢慢开始发展到微扁平轻拟物的方向。与拟物风格相比,不会有太多复杂的视觉元素,与扁平风格有更丰富的情感内容。因此,在目前的界面中,我们在较小的区域使用扁平图标或线性图标;在较大的区域,我们会使用渐变甚至轻质的图标。

4、线性图标:线形图标是由直线、曲线、点等元素组合而成的图标样式,通过形成轮廓。线性图标具有识别度高、清晰度高、易于识别等优点。线性图标不会对页面造成太多视觉干扰。缺点是线性图标创建空间小,过于复杂的线性图标会给识别带来很大的困扰。

5、面性图标:平面图示是通过平面造型的图标,它采用了剪影设计的形式,通过线或面切割出基础轮廓面,通过分形来塑造图标的体积感。各种切割手法导致了平面图标设计感觉的差异。
面型图标表现能力强,细节丰富,情感感强,视觉突出,创作空间大等优点。平面式图标可使用户快速找到图标的位置,预知点击后的状态。但面性图标不能过多地出现在页面上,否则会造成页面臃肿,难以区分主次,用户视觉疲劳。

6、文字图标:文字图标是指用文字直接表示特定意义的图标符号。因为文字本身是进化而来的符号,所以英语的首字母和语言关键词本身也具有很强的信息浓缩性,所以在某些场合采用文字和文字作为图标是很好的表现手法。

UI设计当中图标的类型基本上就有以上这六种,如果能够掌握住这六种类型进而创作的话,那么相信设计出来的UI作品绝不会在差~
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。



