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

那些丑丑的应用图标,设计它们的人是怎么想的?

7月3日 吴梦筱投稿
  【导读】一个应用的图标,就是这个应用的脸。
  略丑的“支”
  赭(zh)隐是一名设计师,他供职于一家掌管着2亿中国人移动支付安全的公司支付宝钱包。不巧的是,这份工作并不讨人喜欢,支付宝钱包的应用图标一直以来都饱受争议。批评者中不乏名人大V。
  春节期间,这种批评之声来得尤为猛烈。因为,支付宝钱包在“支”字图标底部简单粗暴地新增了一行“亿万红包”红色横幅,让其比之前更加难以接受。
  虽然好看或丑陋都是个人的纯主观感受,但问来问去,支付宝钱包的图标似乎确实丢失了一些“美感”。那么,如果中文汉字图标不好看,为什么支付宝还会考虑以汉字“支”作为图标呢?
  当我将这个疑问抛向赭隐时,虽然并不直接设计“支”字图标,但他也不忘吐苦水,“通常情况下,设计一款应用图标需要考虑诸多因素,好看与否只是其一。辨识度有时可能是首要考虑因素。”赭隐认为,对中国用户来说,中文汉字图标的辨识度相对比较高,才容易建立起产品与用户之间的直接联系,让用户第一眼看上去就知道这是哪家的产品。“支”字当然会让用户立刻联想到支付宝,而非其他产品。
  品牌延续性也是设计支付宝钱包图标时的重要因素。2013年6月份,支付宝钱包移动应用7。0大版本更新时,设计团队抛弃了之前的“支付宝”三个字,而选择了“支”字作为新图标以延续品牌。“‘付’和‘宝’都不适合作为品牌形象吧。”赭隐说,“其实,‘支’字也并没有那么难看。”
  赭隐所说的“不难看”可能更多指的是作为一款国民级应用,它的功能优于其他。如果你和我一样,是2亿支付宝钱包的重度用户之一,没有将其删除出空间有限的手机屏幕,一定是因为“我们基本上难以离开它”支付宝钱包已经可以完成手机充值、缴纳水电燃气费、信用卡还款、余额宝理财等等。
  以支付宝为例,你可能也发现了,移动应用同样是一个看脸的世界。在面对一款应用时,你仅能凭借寥寥的介绍文字,几张应用截图,和一个应用图标来决定是否下载。比起文字或截图,有时候图标可能会成为最关键的决定因素。
  简单来说,应用图标可以被划分为两大类:文字和图形。前者直接简单地让用户知晓他正在使用的是哪一款产品,例如facebook的“f”,淘宝的“淘”;后者容易让用户从一大堆密密麻麻的文字图标中立刻将其识别出来,例如星巴克的“双尾美人鱼”图形,微信的“聊天气泡”图形。
  并不能笼统地就认为,图形图标就一定优于文字图标。但一款设计精美的图形图标不仅能够鹤立鸡群,也能够让用户直接将其与产品映射连接起来。然而,文字图标则容易淹没在应用大潮中,几近与“美观”无缘,尤其是全世界最复杂文字之一的中文汉字。
  不难看的“知”
  赭隐和支付宝钱包的烦恼主要在于,在保证支付宝钱包品牌一致性和图标与产品最直接的映射关系的基础上,如何让用户接受并习惯“支”字图标。与赭隐一样,同为设计师的李奇似乎并没有这样的烦恼。
  李奇在中国最知名的问答社区网站“知乎”工作。与支付宝一样,知乎的应用图标同样采用了中文汉字“知”。然而,李奇和知乎团队受到的批评小得多。在他看来,原因之一可能是知乎很少变。
  2011年9月上线至今,知乎的图标没有发生任何变化。相较之下,支付宝粗略计算已经换过了至少4种图标。
  三年前,将知乎从网页搬到手机端时,李奇和其团队并未在图标设计上纠结太长时间延续品牌成为了知乎的首要目的。当时,除了“知”,“知乎”两个中文汉字的图标也是一个备选方案。不过,考虑到iOS图标是圆角矩形,而“知乎”两个字在视觉上是长条矩形,最终才选择了一个汉字的“知”。
  设计师李奇承认,纯文字很有可能会让图标失去特色和辨识度,整个应用会被淹没在应用的汪洋大海里。因此在将其作为应用图标时,设计师通常会考虑从字体、形态等角度去修饰它,让它变得容易被接受。拿知乎举例,为了避免“知”字对用户造成审美疲劳,知乎设计师对“知”字右边的“口”进行了斜角特殊处理,让“知”字看起来不至于太过生硬。
  此外,“内容社区”的属性也帮助知乎用户更多将注意力放在了图标之外的地方。例如,应用内交互动画是否适宜,问答是否方便,以及是否能够分享答案等。知乎应用上架AppStore后不久,知乎上就诞生了一个问题“为什么知乎的iOSapp不能发表答案?”。显然,知乎用户的优先关注点并不在应用图标上。
  有意思的是,知乎团队的第二款移动端产品知乎日报,并没有延续知乎以中文汉字作为应用图标的传统,而是选择了图形图标,“一个蓝色背景的34圆”。李奇介绍称,作为知乎的第一个子品牌,而且是完全诞生于移动端的品牌,知乎日报并没有迫切需要在应用图标上延续之前的风格。知乎日报的图标出处是iOS下拉刷新时出现的一个环形图标,寓意是知乎希望用户每天用日报刷新知识。”
  诚然,这样的寓意契合知乎日报的产品属性,但知乎日报的图标实际上并没有做到独特而美观。早在诞生之初,就有人指出,知乎日报与2011年就推出的云端记事本应用CatchNotes应用图标相似后者的图标是一个橙色背景的34圆。
  李奇称,CatchNotes的“34圆”图标其实是来自首字母“C”,知乎日报的图标与其不一样,因此并不能将二者混为一谈。但看起来,知乎日报容易引起歧义的图形图标并不能算作一个特别优秀的作品,至少并不比知乎的“知”高明很多。
  难说好看不好看的“豆”
  从中文汉字图标到图形图标,知乎用行动证明了图形图标并不一定比中文汉字图标好。而豆瓣则走上了另一条路:从图形图标走回了中文字体图标。
  一直以来,以文艺著称的豆瓣在移动端都被吐槽“方向错误”和“太过混乱”。在去年8月份推出“豆瓣app”之前,豆瓣总共在移动端推出过11款应用。其中,最早的是诞生于2010年2月的“豆瓣FM”,最晚的是诞生于2014年5月的豆瓣一刻。“一个app只做一件事”的原则被豆瓣体现得淋漓尽致。
  过去,拟物化(skeuomorphism)设计盛行,豆瓣如其他团队一样,在设计应用图标时倾向于使用图形来传递信息。除了豆瓣东西的应用图标算作是文字图标,豆瓣出品的其余10款应用的图标都是图形图标。可以说,豆瓣是一家偏爱图形图标的公司。
  不过,豆瓣系应用在图形表达上有着比较明显的差异。有的应用图标很容易让用户理解,例如,豆瓣FM的图标是一个收音机,豆瓣电影的图标是一部分胶卷放映机,豆瓣音乐人的图标是一段音乐频谱等。有的应用图标则容易让人摸不着头脑,例如豆瓣小组的图标是一个编制环(寓意交流沟通?),豆瓣阅读的图标是一只鸟,豆瓣一刻的图标像是一块碎了一角的饼干。
  前豆瓣阅读产品经理小鱼告诉我说,豆瓣阅读图标上的鸟名为鹡鸰(jlng),寓意自由。鸟背后有一段文字,取自20世纪世界文学史上最伟大小说家之一的马赛尔普鲁斯特(MarcelProust)代表作《追忆逝水年华》七部曲之二的《在少女们身旁》(l’ombredesjeunesfillesenfleurs)。
  显然,豆瓣阅读的这一图标符合豆瓣整体的文艺气质。如果你看得懂这只鸟和普鲁斯特的名作,也许能够建立起它与豆瓣阅读的联系。尽管这种联系似乎有些晦涩,但如果豆瓣阅读直接以“阅读”、“阅”、“读”等中文汉字作为图标,恐怕也无益于豆瓣阅读的品牌树立。
  “在当时,豆瓣阅读需要突显其‘自出版平台’的特质,因此以普鲁斯特的名作作为图标可能更容易引起用户的共鸣。”小鱼表示,相比起文字,人脑对图形的记忆更加容易。因此,豆瓣阅读从来都未考虑过使用中文汉字作为图标。在这一图标之前,豆瓣阅读还有过一版图标是一个坐在椅子上安静读书的女人。
  有趣的是,豆瓣在去年中旬开始“幡然醒悟”,推出了一款整合了书、影、音、活动的“豆瓣app”。在这款应用上,豆瓣推翻了过去的种种原则,包括用中文汉字图标“豆”取代了曾经偏爱的图形图标。
  测试阶段,豆瓣团队曾有两个应用图标的替代方案:一个是“书、胶卷放映机、电视、五角星”四个小图标集合的大图标;一个是更简洁的绿色五角星图标。不过最终,一个更直接的“豆”字得到了豆瓣团队的青睐。
  小鱼并没有参与到豆瓣应用的开发设计当中,但她认为,豆瓣在思变过程中,并没有设定一个严格的标准要求豆瓣应用必须使用中文图标或者图形图标。只不过,在当时的情境下,中文汉字图标更为适合。
  “一款好的应用图标最本质的特征是能够占领人们脑子里的空隙。首先它必须是简单的,其次是能够与产品建立起联系。在当下,豆瓣团队可能认为‘豆’字更容易达成这个目的。至于五角星或其他图标,一不简单,二与产品建立的联系不直接。”小鱼说。
  不好评价从图形图标到文字图标的这一变化是否正确,但用在当下的豆瓣身上,可能是最合适的举动。去年12月,苹果中国区评选了25款年度优秀应用,豆瓣位列其一,这或许可以看做是对豆瓣思变的一种侧面肯定。
  字体图标VS图形图标
  与豆瓣一样被评选为苹果中国区年度优秀应用的榫卯团队,他们左手一个图形图标,右手一个中文汉字图标。
  “榫卯”是中国古代建筑中用于连接多个木构件的一种常用方式。在当下,人们对传统木艺概念越来越模糊。榫卯团队打造了这一款应用,旨在向现代人展示这一特殊的传统文化。应用内主要介绍了27种常见的榫卯结构和相关的木料、器具、历史等知识。
  考虑到当代人对“榫”“卯”二字及其背后所代表的事物不甚了解,榫卯团队在设计应用图标时,并未有过多犹豫便选择了一个三维结构的榫卯图形,而不是文字图标。当然,作为一款注重内容、设计精美、交互酷炫的应用,榫卯如果搭配一个简单朴素文字图标作为外壳,或许会产生一种别扭的违和感。
  在榫卯设计师耿凌飞看来,图形远比文字更容易传递信息,不过在决定一款应用该使用哪种图标时,需要考量产品是什么类型。“以榫卯为例,偏重游戏或娱乐的应用,一般选择图形图标更讨巧,容易引起用户兴趣;而倾向于表达严肃性内容的应用则更愿意选择中文图标,中文汉字图标更加专一,不会产生任何歧义。”
  榫卯团队的另一款作品专为一席团队开发的移动端应用“一席”便与榫卯完全不一样,它的应用图标是中文汉字一席的“席”。
投诉 评论

巧用视错觉UI更有趣巧妙的利用视错觉,有效地控制网页的设觉效果,从而创造出风格更和谐的网页设计,同时也能更有效地将你的信息传达给用户。我们每个人在生活中都曾感受过视错觉(opticalill……不要在移动端菜单设计中犯这些错误移动端屏幕小,却需要显示太多的内容。使用菜单是个很好的选择,但是千万不要犯以下错误:1。分不清菜单和2。太多的留白;当我们想要让移动网站的用户导航更加直观时,会……那些丑丑的应用图标,设计它们的人是怎么想的?【导读】一个应用的图标,就是这个应用的脸。略丑的“支”赭(zh)隐是一名设计师,他供职于一家掌管着2亿中国人移动支付安全的公司支付宝钱包。不巧的是,这份工作并不讨人……戏说愉悦强迫症,真的交互设计满足需求足矣37枚圆章典故源自99年美国一部卖座的喜剧影片《上班一条虫》,餐馆老板希望自己的服务生带上圆章,借此让服务生同客人打开话匣子,试图愉悦客户,从而获得更好的生意。但实际上影片中的……零基础如何自学UI设计?酸梅干超人:下面是我这几年经验的总结和思考,虽然我并不算是最出类拔萃的UI设计师,但也希望对新人有益。第一点:学习准备启蒙学习一项技能,尤其是已经有……帮你在10分钟内了解基于行为的产品设计编者按:我们见过设计优先的产品,见过基于用户体验来设计的应用,以及大把的基于老板的需求来设计的应用这次,让我们来了解一下什么是基于行为的产品设计,应该能让你在迷雾中看到另外一束……手机屏幕尺寸扩展是如何影响用户体验设计的大屏手机已经随处可见了,可是操作的用户体验并不如人意。发布会上的歌颂和叫嚣并没有解决所有问题,面对着优化大屏手机的界面和体验,依然需要继续反思造型千奇百怪的小屏手机叱咤风……字体设计第一战之移花接木!字体设计就像一场未知的战役,需要我们去探求以及耐下心来反复琢磨与调整,只有这样才能够创造出富有个性的文字,从而在这场战役中展露头脚。为什么要做字体设计字体的外形有着……那些过目不忘的H5页面从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个由HTML……风格大变身的QQ音乐V5之星设定QQ音乐今年的重大更新后,风格完全换了个样,想了解背后的设计思路?今天腾讯的同学将从框架、UI、图文品质和动画几个方面,分享5。0设计过程和思考悄然间,……有什么方法可以打造“触动人心的设计”?用户体验设计的精髓,在于恰到好处的设计出最合适的用户场景体验,而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动,那如何让用户心动呢?阿里同学专门组建了一个团队来……如何巧用大师的作品帮你搞定色彩搭配?色彩基础知识不够扎实?配色灵感枯竭殆尽?今天百度的同学通过思路实训,手把手带你走进绘画大师的配色王国,再乾坤大挪移,将高手的配色都化为己用,配色弱必马!在设计时,对色彩的……
UI背景设计的6个趋势iOS12人机交互指南(十):扩展功能(Extensions语音交互时代,UX设计该怎么做?iOS12人机交互指南(总结篇)语音交互中的“等待体验”研究界面视觉设计与运营视觉设计有什么不同?iOS12人机交互指南(九):控件(Controls)使用深色系UI,有哪些点你需要注意?iOS12人机交互指南(八):视图(Views)iOS12人机交互指南(七):栏(Bars)iOS12人机交互指南(六):图标图像(IconsandIm关于适配这件小事的前世今生姥姥的爱空调不滴水正常吗怎么让电动车跑的更远,不在为没电了发愁工程师职称分类(职称一共分几种)刘玮冬运营手记如何成为一名优雅的BD跳舞减肥注意事项瘦腿最有效的方法北京世园会园区配套的居住条件怎么样新生儿发烧怎么应对民族风半身裙搭配图片独特的时尚态度时尚男士复古发型找回当年的帅气青春重拾一缕桂花香银开源骆驼城的夏天

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