主题 : 论心思,有多少图标经得起放大来看?
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 402760
威望: 348587 点
无痕币: 1272 WHB
贡献值: 0 点
在线时间: 38444(时)
注册时间: 2008-12-25
最后登录: 2018-10-22

0 论心思,有多少图标经得起放大来看?

设计师常吐槽甲方的审美一塌糊涂,要求改稿数十次,末了来一句“还是第一版好看”。

▲图自你丫才美工公众号
每个人都可能成为甲方。但糟糕的审美究竟是怎么来的?
每日所见所闻,即为审美。如果有什么是我们每天见到的,那应该是手机了。而手机屏幕上的众多图标则是信息源的入口。
今天要说的就是那些无意中培养我们审美的图标。
用户常常以为,我们常常接触到的应用程序质量都挺高的。其实不然,主流应用的图标大都做成这个样子:

用户是不是下载了假应用?态度粗暴之极让人怀疑这是程序员做的。
Less is more。但就放一个字,修改形体,加色块填充,很难把此类图标与“匠心之作“联系一起。
设计是门讲究活。有设计师觉得图标要更加醒目而易于理解,于是我们手机上便出现了干脆把应用全称直接写在图标上的设计。

隔壁程序员看了,问是不是新来的实习生做的。不行。要不再加点?在其之上,设计师努力添加更多的元素,吉祥物、十二生肖、公司标志等等。

实在不行,放一个圆形吧,至少好过旁边的简书有了应用名还加个网址。

这些就是用户每天看到的图标。这些就是用户无意中感染培养起来的“糟糕审美”。
解释从来不缺说辞。在千篇一律复杂的图标中,“越简单越好”,“只要用户能认出来就好”,“不管好不好反正用户都要用”,“多看两眼就习惯了”。
简单好记、识别度高是产品传播上的考虑,而设计师该有自己的表达态度以及关于“美的追求”。越是用户量巨大的产品,越应该从细节推敲每个像素点的优劣。
那么,没有产品经理的干涉,设计社区里“纯粹的设计”会是什么样呢?

Behance的图标一直被国外设计师吐槽,称完全看不出其设计精髓。
但并非简单的设计不是好作品。

德国IF国际设计论坛的图标,打散拉丁字母,重新用图形表达IF字样,有效传达给用户“严谨设计”的第一印象。这是符合其“world design guide”的理念的。

优衣库的图标被日本知名设计师佐藤可士和重新设计过字体。酒红色底版和白色字体的对比永远显得年轻时尚。在图形表达方面拉丁字母要比单个汉字更易有版式美感。
那么,一款精心设计的图标应该是什么样子的?

图标应该本身产品的属性是有所关联。哪怕直接放置大号字体,像今日头条这样的处理也算优雅,暗示新闻媒体特性。
将细节处理得美妙的图标应该是怎么样的?
Pages的图标堪称一绝。

Pages是一款提供优雅版式的文本编辑软件,对应的是微软办公软件Word。其应用在图标的设计上已经注重表达真实的美观程度。这与Pages内置的精致排版是对应的。

与今日头条不一样的是,Pages的图标背景直接用上了真实的文本。
Head north on the scenic CA Highway 1 to the Tomales Point Tule Elk Preserve trailhead. As you walk along the windy trail, you’ll get close-up views of the elk herds. Be on the lookout for all wildlife. Volunteers along the way will answer all your questions.
放大来看,这是一篇关于Apple Campus附近的游记,大部分都是Apple Campus附近的路名和建筑名称。
再来看看Keynote上的细节处理。

图标主界面是一个主讲台,上面摊开演讲材料。这是符合Keynote作为演示文稿制作软件属性的。

留心看从2008年到2012年的更新,每一版本图标上讲台的材料都有更换的,你一定好奇上面写的是什么?
在2012年版本的Keynote上引用了1998年乔布斯回归苹果后推出的极富盛名的“Think Different”广告中一段独白。
You can quote them, disagree with them, glorify or vilify them. About the only thing you can’t do is ignore them.Because they change things.They push the human race forward.And while some may see them as the crazy ones,We see genius.
你尽可以引用他们,否定他们,赞美或者贬损他们。不过惟独不能漠视他们,因为他们进行着变革,他们推动着人类的进步。他们也许是别人眼里的疯子,却是我们眼中的天才。
值得一提的是,在这个版本的Keynote发布前几个月,乔布斯因为癌症永远离开了苹果公司。其纪念意义不言而喻。

而后续版本Keynote的细节处字样则换成了苹果公司历史上有名的几个办公地点。
同样注重细节处理的是Smartisan的图标。

锤子便签由于极其优秀的使用体验一直被用户喜欢,留心看稿纸,上面写有一句话,语出纪伯伦的《先知》:
不要因为走得太远,而忘了当初为什么出发。

邮件图标是一枚邮票,上面印有邮戳,写到:GREENLAND CENTER, BLDG. A,表明这是一封从锤子公司寄出去的邮件。

音乐图标主体是一个老式播放器,黑胶唱片上写有:SMARTISAN OS BUILT-IN、MUSIC PLAYER。
宛如小人国一般,锤子在一枚小小的图标上非常认真向世人宣布,这是一台他们亲手打造的音乐播放器。
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 402760
威望: 348587 点
无痕币: 1272 WHB
贡献值: 0 点
在线时间: 38444(时)
注册时间: 2008-12-25
最后登录: 2018-10-22

One Step呢?
看看这张图,你就知道这图标背后的象征意义了。

关于锤子阅读的图标,上面均是三本有态度的经典刊物。

传闻,时代杂志上那个忧郁的人物头像是锤子产品副总监耿达维,锤子阅读正是经他手开发出来的。
除此之外,主打稍后阅读Instapaper的应用图标同样很精彩。图标上背景是浅色报纸版面,其风格对应着黑白软件界面。

放大来看,你可以看到背后那段报道是关于43 Folders网站上一篇关于文本效率性,创造性工作的高质量文章,这与Instapaper的应用主打的痛点是相关的。
惊艳的作品还有很多很多。




当你见过那些处理到极致的图标设计后,你还能接受此类以简洁为名却从不讲究优美的大作吗?而这些产品如今却天天为用户使用。

想想我们看到的界面吧。

这是一件极为可怕之事。
正因如此,用户应有自己个人意识的审美,不能任由设计师喂养糟粕也毫不知情,更遑论挑剔。而伟大产品,往往是兼顾了效率与人文,于细节处体现尊重,在角落放飞创意。

这一切的实现,先从找出一枚手机上糟糕透顶的图标开始。
本帖最近评分记录:
  • 无痕币:+3(拂塵凊影) 感谢分享
  • 千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
    级别: 总版主

    UID: 998
    精华: 0
    发帖: 402760
    威望: 348587 点
    无痕币: 1272 WHB
    贡献值: 0 点
    在线时间: 38444(时)
    注册时间: 2008-12-25
    最后登录: 2018-10-22

    这个可以看看,了解一下。
    才下眉梢,却上心头……
    级别: 论坛版主

    UID: 9996
    精华: 0
    发帖: 3528
    威望: 40380 点
    无痕币: 743 WHB
    贡献值: 18 点
    在线时间: 1043(时)
    注册时间: 2008-11-19
    最后登录: 2018-09-03

    感谢h版支持,沙发总不留人,呵呵……
    细节决定成败!
    级别: 三阵秋雨
    UID: 286356
    精华: 0
    发帖: 46
    威望: 986 点
    无痕币: 1087 WHB
    贡献值: 0 点
    在线时间: 2(时)
    注册时间: 2017-06-30
    最后登录: 2017-11-15

    前来看图~
    Total 0.031661(s) query 4, Time now is:10-23 05:53, Gzip enabled 粤ICP备07514325号-1
    Powered by PHPWind v7.3.2 Certificate Code © 2003-13 秋无痕论坛