童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

让设计师毁掉图标的6个诱惑

3月7日 倾城傷投稿
  设计图标的时候,一定要抵制住这6个诱惑!
  所有伟大的图标都是一样的伟大,所有失败的图标都玩着不一样的戏码。
  和绝大多数优秀的设计一样,最优秀最伟大的图标大多是隐形的。
  最为我们熟知的搜索图标,可以说是极为完美的,它简单,可识别度强,每个人都知道它代表着什么。
  图标如果设计失误,我们一定是会注意到的。
  很难想象,这种素质的图标居然来自于一家著名的企业。
  好图标的设计原则
  那么,到底是什么东西成就了一个优秀的图标呢?
  简单点总结一下设计好图标的原则:
  保持简约
  单个图标要贴合语境(所处的APP和网站),而图标之间又彼此不同
  真正要做到这一点,并不简单。对于设计师而言,有大量的诱惑,促使着他们让图标设计变得复杂,混乱,甚至无法识别。接下来我所提到的6个诱惑,是让设计师毁掉图标的主要原因。
  诱惑1:想用图标表现全部的功能
  回想一下,当我们想打印一份文档的时候,会通过软件中的打印功能来达成目标,通常会点击一下文档打印的图标。这个时候,你通常还会碰到一个问题,打印机设置、查找打印机、添加打印机的图标也是差不多的,甚至完全一样的打印机图标。这个案例被记录在经典的UI交互设计书《AboutFace3》当中,直到今天,这个案例依然经典得让你无法忘怀。
  也许你觉得这个问题是可以被解释清楚的,可是不论怎么复盘,如何推导,还是很难解释清楚。即使是最简单的功能图标,当你看到它的时候,也常常无法准确地解释清楚它的真实功能。
  就像Office的菜单当中,这一堆信封图标,就无法准确清晰地表明它们的功能(如果不看旁边的文本标签的话)。
  事实上,就是解释不清,没有必要在设计的时候强求一定要使用一个图标阐述清楚一个复杂的功能。
  诱惑2:在图标中保留3个甚至更多的视觉对象
  在图标中包含2个以上视觉对象本就是一件非常麻烦的事情。当然,即使是1616px的小图标,包含2个简单的对象也是可以的,但是,可以仅仅是一种针对承载能力的表述,并不是说这样做就一定好,事实上,减少对象的数量可以增加图标本身的可读性和识别度。
  作为设计师,适当取舍,尝试使用图标来阐述一方面的功能。比如网络管理员的图标,可以使用一个带着眼镜的男性角色来代表,这个形象比较符合大众对于这一角色的固有认知,就不要再在图标上加上扳手或者电脑这样的元素了。
  而这个安装包图标就是一个包含对象过多的典型。我们已经清楚的知道软件是需要安装到计算上的,所以没必要弄这么复杂。而考虑到软件安装包图标的整个发展历史和CD光盘之间的紧密关联,所以这个图标的设计可以抽象为一个放在CD盒上的CD也足够清晰了。
  诱惑3:对于细节刻画过于具体
  图标本质上只是传达信息,作为符号代表,和翻译一样是需要讲究信、雅、达,而不是抄现实的绘画:
  这个图标的设计确实是很有风格,也足够有调性,貌似也表达了什么,但是大概的含义也并不清晰,功能性也不具备,作为个人表达还行,但是在商业产品中实际上是并不具备可用性的。
  诱惑4:融入过多的品牌元素
  作为设计师,如果你想使用品牌化的设计来取悦甲方或者老板,这是无可厚非的。这个时候,你可能会使用品牌色将产品中的图标统一起来,让它们看看起来是一致的。千万别这样做!
  将品牌配色和元素融入到图标的设计当中,尤其是系统化地格式化图标的时候,99的可能会造成图标可读性降低。图标的设计和使用,尽量还是遵循平台(iOS、Andrlid、MaterialDesign或者Windows)的设计规范来做。
  上面的这组图标是按照营销部门的要求和感觉来做的,你觉得这都是些啥?
  上面是另外一个反面案例,实际上看完也根本不清楚这些图标代表什么含义。这难道是某种游戏?
  诱惑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
投诉 评论 转载

UI设计中的格式塔原则用户界面设计并不全是关于漂亮的像素和闪亮的图形,它主要是关于沟通、性能和便利性。你是否曾经观察过天空,注意到一团不同寻常的云,像一个熟悉的动物或物体?你有没有想过,为什么……尼尔森10大可用性原则在Airbnb的应用本文聚焦Airbnb产品,描述10大可用性原则的应用场景,希望能够帮助你更系统地理解10大可用性原则。一、系统状态的可见性Visibilityofsystemsta……鹅厂设计师运营视觉设计经验分享:什么促使你点击?但凡能撩拨你情绪的,必将赢得点击。怎样的画面能让用户眼前一亮从而愿意点击?奇葩说、杜蕾斯、头号玩家这些爆款运营视觉设计是如何产生的?有没有一些底层规律和工具方法?对于许多……小米loT精益设计之路来自小米设计总监的分享本文作者将从三个方向(产品设计、米家App设计、插件设计),三个维度(社交网络、家庭关系、IoT大数据),来阐述小米“精准化设计精品化设计”思维,让你清晰了解小米生态链、智能家……从交互角度看微信订阅号改版微信最近刚刚更新了订阅号的展示逻辑,大家都在纷纷讨论订阅号的这次改版可能产生的影响。沐风今天从交互设计师的角度,解读微信的此次改版。1。更扁平的信息流微信公众平台的……取消、返回、关闭的交互逻辑平时在工作中取消返回关闭,都是为了解决页面的跳转逻辑,一般在页面的左上角,但到底什么时候用取消返回关闭,每个APP的做法都不太一样。本文主要以iOS的原生APP和各行业标杆的A……从生活细节看交互设计人机交互形式必然起源于人人交互,一个极为优秀的人机交互设计师,必然在待人接物上有着让对方舒适的处理方式。Livingbyempathicdesign,换位思考,先一步预测对方的……iOS设备4个常见的差异化设计这4个常见的差异化设计,同时也是符合iOS人机界面指南所描述的界面设计三大要点的:导航、视图、控件。最近入手了一台二手iPadmini2,体验了一些比较热门的iOS应用在……实例解析交互方案如何影响产品数据?设计目标是产品目标和用户目标的总和,好的交互设计方案是设计师平衡产品目标和用户目标之后得出的。许多互联网从业人员对“交互设计师的存在有什么意义”抱有疑问:在很多公司里,产……实例分析:交互设计如何提升产品转化率?本文作者结合自己所做的一些关于提升转化率的项目,就此为案例来探讨一下,在这个过程中,交互设计需要思考的方向。转化率,这是一个互联网团队经常会提及的名词,在某些团队里,转化……让设计师毁掉图标的6个诱惑设计图标的时候,一定要抵制住这6个诱惑!所有伟大的图标都是一样的伟大,所有失败的图标都玩着不一样的戏码。和绝大多数优秀的设计一样,最优秀最伟大的图标大多是隐形的。……如何遵守设计规范,才能获得最大收益?熟练掌握iOS、Android设计规范是一个设计师必备的工作技能,几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候,首先应当思考的是这件事情能带来什么收益……
小型企业网站设计的一些小细节做手机网站的一些常识创建网站要注意细节方面网页制做在色彩方面的见解做网站怎么做才能提升价值做网站关于价格的一些疑惑怎样做一个网站时能减少成本网站制作中站点地图的重要性制作网站所需要的服务器有什么要求公司网页制作费用不一的原因有哪些幼儿园网站制作有哪些问题值得分析制作一个网站要以浏览需求为目标
可爱的娃娃作文400字儿童眼外伤很常见,了解原因积极预防七日减肥瘦身瑜伽浅谈建筑工程中央空调系统的安装施工管理我是不是快赢了注意!9月1日起,明年城乡居民医保开始缴费卧虎藏龙2手游药王技能加点方法折翼天使在爱的天空中飞翔的作文简历早教老师自我评价天使还的恶魔以城市生活电商为例微信公众号下一个机会在哪

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界