设计图标的时候,一定要抵制住这6个诱惑!
所有伟大的图标都是一样的伟大,所有失败的图标都玩着不一样的戏码。
和绝大多数优秀的设计一样,最优秀最伟大的图标大多是……隐形的。
最为我们熟知的搜索图标,可以说是极为完美的,它简单,可识别度强,每个人都知道它代表着什么。
图标如果设计失误,我们一定是会注意到的。
很难想象,这种素质的图标居然来自于一家著名的企业。
好图标的设计原则
那么,到底是什么东西成就了一个优秀的图标呢?
简单点总结一下设计好图标的原则:
保持简约单个图标要贴合语境,而图标之间又彼此不同
真正要做到这一点,并不简单。对于设计师而言,有大量的诱惑,促使着他们让图标设计变得复杂,混乱,甚至无法识别。接下来我所提到的6个诱惑,是让设计师毁掉图标的主要原因。
“Twelve Fold”拍卖出价最高为1.11枚BTC:金色财经报道,据页面数据显示,Yuga Labs比特币NFT系列“TwelveFold”参与竞价地址已经超过280个,其中,出价在0.01到0.08枚BTC的地址超过200个,“bc1pm2”开头地址出价最高达1.11枚BTC,有6个地址出价在0.4到1枚BTC之间。
此前消息,YugaLabs宣布,基于Ordinal协议的NFT系列Twelve Fold的拍卖已经开始,并将于北京时间2023年3月7日7:00之前结束。[2023/3/6 12:44:42]
诱惑1:想用图标表现全部的功能
回想一下,当我们想打印一份文档的时候,会通过软件中的打印功能来达成目标,通常会点击一下文档打印的图标。这个时候,你通常还会碰到一个问题,打印机设置、查找打印机、添加打印机的图标也是差不多的,甚至完全一样的打印机图标。这个案例被记录在经典的UI交互设计书《AboutFace3》当中,直到今天,这个案例依然经典得让你无法忘怀。
岭南股份:公司及子公司恒润集团与腾讯已签署元宇宙业务战略合作协议:金色财经报道,岭南股份2月5日在互动平台表示,岭南股份及子公司恒润集团与腾讯已签署元宇宙业务的战略合作协议,在AI、云计算、大数据等领域,进行全方位的合作。AIGC属于AI的具体应用领域之一,也属于双方合作领域。[2023/2/5 11:48:45]
也许你觉得这个问题是可以被解释清楚的,可是不论怎么复盘,如何推导,还是很难解释清楚。即使是最简单的功能图标,当你看到它的时候,也常常无法准确地解释清楚它的真实功能。
就像Office的菜单当中,这一堆信封图标,就无法准确清晰地表明它们的功能。
事实上,就是解释不清,没有必要在设计的时候强求一定要使用一个图标阐述清楚一个复杂的功能。
诱惑2:在图标中保留3个甚至更多的视觉对象
在图标中包含2个以上视觉对象本就是一件非常麻烦的事情。当然,即使是16×16px的小图标,包含2个简单的对象也是可以的,但是,「可以」仅仅是一种针对承载能力的表述,并不是说这样做就一定好,事实上,减少对象的数量可以增加图标本身的可读性和识别度。
DAO信贷平台Porter Finance宣布更名为Arbor Finance并重新推出利率20%的债券:金色财经报道,DAO信贷平台Porter Finance宣布更名为Arbor Finance并重新推出利率20%的债券,Arbor Finance将分叉Porter Finance代码,同时保持相同的核心功能,允许 DAO 以稳定币筹集债务,同时使用其原生代币作为抵押品。Arbor 部署到以太坊区块链,通过创建贷方可以竞标的 ERC-20 债券代币来工作。
金色财经报道,7 月,Porter Finance仅在推出4周后就关闭了其DeFi债券发行协议,理由是需求不足。[2022/10/31 12:01:44]
作为设计师,适当取舍,尝试使用图标来阐述一方面的功能。比如「网络管理员」的图标,可以使用一个带着眼镜的男性角色来代表,这个形象比较符合大众对于这一角色的固有认知,就不要再在图标上加上扳手或者电脑这样的元素了。
Coinbase美股盘初飙涨超30%:金色财经报道,道琼斯指数8月4日(周四)开盘下跌37.85点,跌幅0.12%,报32774.65点;标普500指数8月4日(周四)开盘下跌6.57点,跌幅0.16%,报4148.60点;纳斯达克综合指数8月4日(周四)开盘上涨13.36点,涨幅0.11%,报12681.52点。Coinbase美股盘初飙涨超30%,该公司与贝莱德构建合作关系。[2022/8/4 12:02:45]
而这个安装包图标就是一个包含对象过多的典型。我们已经清楚的知道软件是需要安装到计算上的,所以没必要弄这么复杂。而考虑到软件安装包图标的整个发展历史和CD光盘之间的紧密关联,所以这个图标的设计可以抽象为一个放在CD盒上的CD也足够清晰了。
诱惑3:对于细节刻画过于具体
图标本质上只是传达信息,作为符号代表,和翻译一样是需要讲究「信、雅、达」,而不是「抄现实」的绘画:
这个图标的设计确实是很有风格,也足够有调性,貌似也表达了什么,但是大概的含义也并不清晰,功能性也不具备,作为个人表达还行,但是在商业产品中实际上是并不具备可用性的。
Ambrus Studio首款Web3电竞MOBA游戏将于7月底发行首批NFT:7月12日消息,前拳头游戏Riot Games亚太区CEO Johnson创立的Web3游戏公司Ambrus Studio宣布将于7月底发行第一批15个Ultimate版本NFT,并于8月初发行450个Gold版本NFT。据悉,该系列NFT持有者将获得未来游戏收入分成,包含IP授权、游戏角色皮肤销售等收入。
E4C:Final Salvation做为AmbrusStudio发行的电竞元素MOBA类游戏,未来也会举办相关电竞赛事,NFT持有者也可以享有赛事相关权益。其中15个Ultimate版本NFT,将以英式拍卖的形式供市场购买;而450个Gold版本NFT将以固定价格公开售卖。[2022/7/12 2:08:26]
诱惑4:融入过多的品牌元素
作为设计师,如果你想使用品牌化的设计来取悦甲方或者老板,这是无可厚非的。这个时候,你可能会使用品牌色将产品中的图标统一起来,让它们看看起来是一致的。千万别这样做!
将品牌配色和元素融入到图标的设计当中,尤其是系统化地「格式化」图标的时候,99%的可能会造成图标可读性降低。图标的设计和使用,尽量还是遵循平台的设计规范来做。
上面的这组图标是按照营销部门的要求和感觉来做的,你觉得这都是些啥?
上面是另外一个反面案例,实际上看完也根本不清楚这些图标代表什么含义。这难道是某种游戏?
诱惑5:在图标上使用文字来阐述功能
不要在图标上使用文本来阐述它的功能了,和图标搭配在一起的文本标签就能实现这个功能,图标更多的是用来做视觉化表达的。否则,两者功能就重叠了,意义何在呢?
看着图标上的缩写来猜测它的功能,还不如看旁边的文本标签,后者表述更加清晰,可读性也更强。图标本身的图形化的信息,本质上能够让用户通过图形更快地判断图标背后所代表的功能、领域和属性。
事实上,图标+文本的搭配在很多情况下是必须的,作为设计师没有必要在这个事情上纠结,也没有必要非将繁复的文本信息融入到图标当中。
这些货币图标就比较合理,使用国家和地区的特征色彩和图形加上货币符号来代表当地的金融单位,而没有直接使用EUR、CAD和HKG这些缩写文本来进行传达。
诱惑6:增加面部细节
在设计带有人物形象的图标的时候,尽量不要让面部包含太多的细节元素,因为这会分散用户的注意力。
△iOS中的带有面孔的图标
△Office中带有面孔的图标
为什么这么说呢?看看下面Bidstrup的经典漫画中,面孔能够传达多少情绪吧。在很多情况下,图标是功能性的,但是人类先天会对面部细节极为敏感,不自觉地就会被面孔和表情所吸引。
总而言之,图标是功能性的产物,它不是艺术品,它存在的目的是为用户服务,清晰简约是它应有的属性。
Onemorething
图标和LOGO的设计常常被并举,但是两者在功能和定位上,存在着不小的区别。图标本身是功能性优先的,而LOGO则在很多时候承载着品牌传达和形象构建的工作,两者目标上的差异使得实际的设计需求和规则有着不小的区别。
其实设计师在图标设计中所面对的诱惑,也间接反映了图标设计所需要遵循的原则。所以,在今天的文章结尾,我也附上LOGO设计大师保罗·兰德的LOGO设计7原则,来供你参考和对比。
1.简洁性
简洁的设计并非现代才有。简洁的设计才更加容易被记住,更加容易被理解,也更加易于被应用。在信息过载的现代设计,简洁的设计也更贴合大家的深层偏好。
2.独特性
独特性反映的是品牌的气质,独特性让品牌形象更加突出,在市场竞争中更容易脱颖而出。而这也是LOGO设计当中最考验人的部分,而图标设计上,则不会对独特性有苛刻的要求。
3.可视性
LOGO的设计在视觉传达的时候要具备有辨识度,在复杂的环境下,能够抓人眼球,让人立刻注意到,这一点同样很重要。
4.适应性
品牌LOGO的适用范围是很广,尽量使用简约直观的几何图形,具有凝聚力的配色和更加纯粹的元素,才能确保LOGO在不同的环境下都能使用。
5.可记忆性
品牌的认知度高低和可记忆性有着紧密的关联,这也是为什么优秀的LOGO设计,还需要搭配持续的营销和推广的积累。
6.普适性
设计师需要站在更高、更加普世的角度上,来找到能被更多人所能感知和共鸣的元素来进行设计。
7.经典不过时
LOGO的设计能够不受时代审美的局限,拥有着持久的生命力,随着时间的推移能够逐渐凸显出独特的品牌价值。
原文作者:IvanBraun
译者/编辑:陈子木
译文地址:https://www.uisdc.com/icon-design-6-temptations
本文由@陈子木授权发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Pexels,基于CC0协议
6月2号,深港澳国际车展正式拉开帷幕,车企发布的新车虽不及北京车展繁多,但依然有一些亮眼的车型,牢牢吸引住观众的注意力.
1900/1/1 0:00:00把金大侠与国学大师联系起来,“金迷”们未必认可,他们可能不认为把金大侠封为“国学大师”是什么好事。而对于所谓的一些武林名门正派来说,把老爷子封为“第一国学大师”,一定是大大的不满意.
1900/1/1 0:00:00“今日芯声”是读芯术推出的一档简读栏目,汇聚每日国内外最新最热的AI应用资讯,敬请关注。1.大脑被控:研究人员成功操控特定神经元群,可编辑人类感觉和记忆近日,加州大学伯克利分校的神经科学家正在开.
1900/1/1 0:00:00北京时间5月8日上午7时左右,Bitcoin.com针对长期以来加密货币世界内部的相互攻击事件发文,呼吁加密货币之间停止互相攻击,应该团结一致,实现大规模应用,之后再来探讨扩展性问题.
1900/1/1 0:00:00想必常常看电影的朋友一定对片头的电影公司记忆犹新,其实很多大家都没有见过,不过像一些经典大作片头自然就会勾起很多回忆,作为资深影迷今天就来为大家来科普一下.
1900/1/1 0:00:00区块链江湖向来不平静,嘴仗也不少,近日两大重量级大佬互怼,又震动了币圈,同时将EOS架上了火炉。事情经过与其它骂战别无二致,精彩的是内容,是当事人.
1900/1/1 0:00:00