所伟的图标都一样的伟,所失败的图标都玩不一样的戏码。
和绝大多数优秀设计样,最优秀最伟大图标大多是……隐形。
最为熟知的搜索图标,可以说是极为完美的,它简,可识别度,每个人都知道它代表着什。
图标如果计失误,一定是会注的。
难想象,这种素质的图标居然来于一家著名的企业。
好图标的设计原则
那,底是什西成就了一个优秀的图标呢?
简单点总结一下设计图标的原则:
- 保持简约
- 单个图标要贴合语境(所处的APP和网站),而图标之间又彼此不同
真正要做这一点,并不简。对于计而言,有大量的诱惑,促使着让图标计变得复杂,混乱,甚至无法识别。下来所提的6个诱惑,是让计毁掉图标的主要因。
诱惑1:想用图标表现全部的功能
回想一下,当想印一文档的候,会通过软件中的印功能来达成目标,通常会点击一下文档印的图标。这个候,你通常还会碰一个问题,印机置、查找印机、添加印机的图标也是差不多的,甚至完全一的印机图标。这个案例被记录在经典的 UI交互计书《About Face 3》当中,直今,这个案例依然经典得让你无法忘怀。
也许你觉得这个问题是可以被解释清楚的,可是不论怎复盘,如何推导,还是难解释清楚。即使是最简的功能图标,当你它的候,也常常无法准确地解释清楚它的真实功能。
就像 Office 的菜单当中,一堆信封图标,就无法准确清晰地表明它们的功能(果不看旁边的文标签的)。
上,就是释不清,没有必要在设计的时强求一定要使用一个图标阐述清楚一个复的功能。
诱惑2:在图标中保留3个甚至更多的视觉对象
在图标中包含2个以上视对象就是一件非常烦的情。当,即使是16×16 px的小图标,包含2个简单的对象也是以的,但是,「以」仅仅是一种针对承载能力的表述,并不是说样做就一定,上,减少对象的数量以增加图标身的读和识别度。
为设计师,适当取舍,尝试使用图标来阐述一方面的功能。比「网络管理」的图标,以使用一个带着眼镜的男角来代表,个形象比符合大众对一角的固有认,就不要在图标上加上扳手或者电脑样的元素。
而个安装包图标就是一个包含对象的典型。我们已经清楚的道软件是需要安装到计上的,所以没必要么复。而考虑到软件安装包图标的整个展历史和 CD光盘之间的紧密关联,所以个图标的设计以抽象为一个放在 CD盒上的 CD 也够清晰。
诱惑3:对于细节刻画过于具体
图标质上只是传达信息,为符号代表,和翻译一样是需要讲究「信、雅、达」,而不是「抄现」的绘画:
个图标的设计确是很有风,也够有,貌似也表达什么,但是大概的含义也并不清晰,功能也不具备,为个人表达还行,但是在业产品中际上是并不具备用的。
诱惑4:融入过多的品牌元素
为设计师,果你想使用品牌化的设计来取悦甲方或者老板,是无厚非的。个时,你能使用品牌将产品中的图标统一来,让它们看看来是一致的。千万别样做!
将牌配色和元素融入到图标的设计当中,尤是系统地「格式」图标的时候,99%的可会成图标可读性降低。图标的设计和使,尽量还是遵循平台(iOS、Andrlid、Material Design 或者 Windows)的设计规范来做。
上面的这组图标是按照营销门的要求和感觉来做的,你觉得这都是些啥?
上面是另外一个反面案例,实际上看根本清楚这些图标代表么含义。这难道是某种游戏?
诱惑5:在图标上使用文字来阐述功能
要在图标上使本来阐述它的功了,和图标搭配在一起的本标签就实现这个功,图标更多的是来做视觉表达的。否则,两者功就重叠了,意义何在呢?
看着图标上的缩写来猜测它的功,还如看旁边的本标签,后者表述更清晰,可读性更强。图标本身的图形的信息,本质上够户通过图形更快地判断图标背后代表的功、领域和属性。
事实,图标+文本的搭配很多况下必须的,作设师必这事纠结,也必非将繁复的文本信息融入到图标当中。
这些币图标就比较合理,使用家区的特征色彩图形加币符表当的金融单,直接使用 EUR、CAD HKG 这些缩写文本行传达。
诱惑6:增加面部细节
设人形象的图标的时候,尽不让面部包含太多的细节元素,因这会分散用户的注意力。
△ iOS 中的面孔的图标
△ Office 中面孔的图标
为什么这么说呢?看看下 Bidstrup 经典漫画,孔能够传多少情绪吧。在很多情况下,图标是功能性,是类先天会部细节极为敏感,不自觉地会被孔和表情所吸引。
而言,图标是功能性物,它不是艺术品,它存在目是为用户服务,晰简约是它应有属性。
One more thing
图标和 LOGO 设计常常被并举,是两者在功能和定位上,存在着不小区。图标本身是功能性优先,而 LOGO 则在很多时候承载着品传和形象构工作,两者目标上异使实设计需求和规则有着不小区。
其实计在图标计中所面对的诱惑,也间反映了图标计所需要遵循的则。所以,在今的文章结尾,也附上 LOGO计大保罗·德的 LOGO计7则,来供你参考和对比。
简洁性
简洁的计并非现代才有。简洁的计才更加容易被记住,更加容易被理解,也更加易于被应用。在息过载的现代计,简洁的计也更贴大家的深层偏好。
独特性
独特性反映是品质,独特性让品形象更加突出,在市场竞争更容易脱颖而出。而这也是 LOGO设计最考验部分,而图标设计上,则不会独特性有苛刻要求。
可视性
LOGO 的设视觉传达的时候具备辨识度,复杂的环境下,能够抓人眼球,让人立刻注意到,这一点同样很重。
适应性
牌LOGO 的适范围是很广,尽量使简约直观的几何图形,具有凝聚的配色和更纯粹的元素,才确保 LOGO 在同的环境都使。
忆
品牌的认度高低和忆有着紧密的关联,也是为什么优的 LOGO设计,还需要搭持续的营销和推的积累。
普适性
计需要站在更高、更加普的角度上,来找能被更多人所能知和共鸣的素来进行计。
经典不过时
LOGO 设计能够不受时代审美局限,拥有着持久生命力,随着时移能够逐渐凸显出独特品价值。