赞助商
立即赞助

设计图标的时候,一定要抵制住这6个诱惑!

UI设计3年前 (2021)发布 流光
2.9K 0 0

所伟的图标都一样的伟,所失败的图标都玩不一样的戏码。

和绝大多数优秀设计样,最优秀最伟大图标大多是……隐形。

最为熟知的搜索图标,可以说是极为完美的,它简,可识别度,每个人都知道它代表着什。

设计图标的时候,一定要抵制住这6个诱惑!

图标如果计失误,一定是会注的。

设计图标的时候,一定要抵制住这6个诱惑!

难想象,这种素质的图标居然来于一家著名的企业。

好图标的设计原则

那,底是什西成就了一个优秀的图标呢?

简单点总结一下设计图标的原则:

  • 保持简约
  • 单个图标要贴合语境(所处的APP和网站),而图标之间又彼此不同

真正要做这一点,并不简。对于计而言,有大量的诱惑,促使着让图标计变得复杂,混乱,甚至无法识别。下来所提的6个诱惑,是让计毁掉图标的主要因。

诱惑1:想用图标表现全部的功能

回想一下,当想印一文档的候,会通过软件中的印功能来达成目标,通常会点击一下文档印的图标。这个候,你通常还会碰一个问题,印机置、查找印机、添加印机的图标也是差不多的,甚至完全一的印机图标。这个案例被记录在经典的 UI交互计书《About Face 3》当中,直今,这个案例依然经典得让你无法忘怀。

设计图标的时候,一定要抵制住这6个诱惑!

也许你觉得这个问题是可以被解释清楚的,可是不论怎复盘,如何推导,还是难解释清楚。即使是最简的功能图标,当你它的候,也常常无法准确地解释清楚它的真实功能。

就像 Office 的菜单当中,一堆信封图标,就无法准确清晰地表明它们的功能(果不看旁边的文标签的)。

设计图标的时候,一定要抵制住这6个诱惑!

上,就是释不清,没有必要在设计的时强求一定要使用一个图标阐述清楚一个复的功能。

诱惑2:在图标中保留3个甚至更多的视觉对象

在图标中包含2个以上视对象就是一件非常烦的情。当,即使是16×16 px的小图标,包含2个简单的对象也是以的,但是,「以」仅仅是一种针对承载能力的表述,并不是说样做就一定,上,减少对象的数量以增加图标身的读和识别度。

设计图标的时候,一定要抵制住这6个诱惑!

为设计师,适当取舍,尝试使用图标来阐述一方面的功能。比「网络管理」的图标,以使用一个带着眼镜的男角来代表,个形象比符合大众对一角的固有认,就不要在图标上加上扳手或者电脑样的元素。

设计图标的时候,一定要抵制住这6个诱惑!

而个安装包图标就是一个包含对象的典型。我们已经清楚的道软件是需要安装到计上的,所以没必要么复。而考虑到软件安装包图标的整个展历史和 CD光盘之间的紧密关联,所以个图标的设计以抽象为一个放在 CD盒上的 CD 也够清晰。

诱惑3:对于细节刻画过于具体

图标质上只是传达信息,为符号代表,和翻译一样是需要讲究「信、雅、达」,而不是「抄现」的绘画:

设计图标的时候,一定要抵制住这6个诱惑!

个图标的设计确是很有风,也够有,貌似也表达什么,但是大概的含义也并不清晰,功能也不具备,为个人表达还行,但是在业产品中际上是并不具备用的。

诱惑4:融入过多的品牌元素

为设计师,果你想使用品牌化的设计来取悦甲方或者老板,是无厚非的。个时,你能使用品牌将产品中的图标统一来,让它们看看来是一致的。千万别样做!

将牌配色和元素融入到图标的设计当中,尤是系统地「格式」图标的时候,99%的可会成图标可读性降低。图标的设计和使,尽量还是遵循平台(iOS、Andrlid、Material Design 或者 Windows)的设计规范来做。

设计图标的时候,一定要抵制住这6个诱惑!

上面的这组图标是按照营销门的要求和感觉来做的,你觉得这都是些啥?

设计图标的时候,一定要抵制住这6个诱惑!

上面是另外一个反面案例,实际上看根本清楚这些图标代表么含义。这难道是某种游戏?

诱惑5:在图标上使用文字来阐述功能

要在图标上使本来阐述它的功了,和图标搭配在一起的本标签就实现这个功,图标更多的是来做视觉表达的。否则,两者功就重叠了,意义何在呢?

设计图标的时候,一定要抵制住这6个诱惑!

看着图标上的缩写来猜测它的功,还如看旁边的本标签,后者表述更清晰,可读性更强。图标本身的图形的信息,本质上够户通过图形更快地判断图标背后代表的功、领域和属性。

事实,图标+文本的搭配很多况下必须的,作设师必这事纠结,也必非将繁复的文本信息融入到图标当中。

设计图标的时候,一定要抵制住这6个诱惑!

这些币图标就比较合理,使用家区的特征色彩图形加币符表当的金融单,直接使用 EUR、CAD  HKG 这些缩写文本行传达。

诱惑6:增加面部细节

设人形象的图标的时候,尽不让面部包含太多的细节元素,因这会分散用户的注意力。

设计图标的时候,一定要抵制住这6个诱惑!

△ iOS 中的面孔的图标

设计图标的时候,一定要抵制住这6个诱惑!

△ Office 中面孔的图标

为什么这么说呢?看看下 Bidstrup 经典漫画,孔能够传多少情绪吧。在很多情况下,图标是功能性,是类先天会部细节极为敏感,不自觉地会被孔和表情所吸引。

设计图标的时候,一定要抵制住这6个诱惑!

而言,图标是功能性物,它不是艺术品,它存在目是为用户服务,晰简约是它应有属性。

One more thing

图标和 LOGO 设计常常被并举,是两者在功能和定位上,存在着不小区。图标本身是功能性优先,而 LOGO 则在很多时候承载着品传和形象构工作,两者目标上异使实设计需求和规则有着不小区。

其实计在图标计中所面对的诱惑,也间反映了图标计所需要遵循的则。所以,在今的文章结尾,也附上 LOGO计大保罗·德的 LOGO计7则,来供你参考和对比。

简洁性

简洁的计并非现代才有。简洁的计才更加容易被记住,更加容易被理解,也更加易于被应用。在息过载的现代计,简洁的计也更贴大家的深层偏好。

设计图标的时候,一定要抵制住这6个诱惑!

独特性

独特性反映是品质,独特性让品形象更加突出,在市场竞争更容易脱颖而出。而这也是 LOGO设计最考验部分,而图标设计上,则不会独特性有苛刻要求。

设计图标的时候,一定要抵制住这6个诱惑!

可视性

LOGO 的设视觉传达的时候具备辨识度,复杂的环境下,能够抓人眼球,让人立刻注意到,这一点同样很重。

设计图标的时候,一定要抵制住这6个诱惑!

适应性

牌LOGO 的适范围是很广,尽量使简约直观的几何图形,具有凝聚的配色和更纯粹的元素,才确保 LOGO 在同的环境都使。

设计图标的时候,一定要抵制住这6个诱惑!

忆

品牌的认度高低和忆有着紧密的关联,也是为什么优的 LOGO设计,还需要搭持续的营销和推的积累。

设计图标的时候,一定要抵制住这6个诱惑!

普适性

计需要站在更高、更加普的角度上,来找能被更多人所能知和共鸣的素来进行计。

设计图标的时候,一定要抵制住这6个诱惑!

经典不过时

LOGO 设计能够不受时代审美局限,拥有着持久生命力,随着时移能够逐渐凸显出独特品价值。

设计图标的时候,一定要抵制住这6个诱惑!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@菜心设计铺 :前几天做了《暴风影音 App 重设计》,不过还没做完,所以今天主要讲讲我寻找改版切入点的方法——品牌探索。 到...
ICON
粤省事小程序是一个基于移动端的聚合式政务服务平台。作为一个平台型产品,它集成了广东省各地市、各部门的多项民生、政务类...
实战案例
在上篇文章《基础科普!超全面的 UI 元素尺寸设置指南(上)》中介绍了设置 UI 元素尺寸的基础规范,及控件尺寸的定义。 这...
图标设计
我在上一篇文章《动效设计没那么难!让谷歌动效设计师带你入门》当中,已经通过实际的案例,分享了动效设计并不难的原因。我...
AE
和大家分享一下,杨杨在年前做的一套新年主题图标,整个过程成长很大,也希望能给大家一些启发。 其实一套主题图标对于一个...
图标优化
想想图标的绘制也是有历史的,从刚开始 ps 用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普...
ICON
大家在便利店结账的时候,是否有注意到:结账区会放几个货架,货架上面会有口香糖,巧克力,糖果等一些商品,排队的时候我们...
心理学
编者按:一个合格的 UI 按钮到底需要具备什么样的素质?在很多设计师眼里似乎并不是一个太大的问题的,但是在实际设计的时候...
ui设计