2017-3-6 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
設(shè)計(jì)師常吐槽甲方的審美一塌糊涂，要求改稿數(shù)十次，末了來一句“還是第一版好看”。
（圖自你丫才美工公眾號）
每個(gè)人都可能成為甲方。但糟糕的審美究竟是怎么來的？
每日所見所聞，即為審美。如果有什么是我們每天見到的，那應(yīng)該是手機(jī)了。而手機(jī)屏幕上的眾多 icon 則是信息源的入口。
今天要說的就是那些無意中培養(yǎng)我們審美的 icon。
用戶常常以為，我們常常接觸到的應(yīng)用程序質(zhì)量都挺高的。其實(shí)不然，主流應(yīng)用的 icon 大都做成這個(gè)樣子：
用戶是不是下載了假應(yīng)用？態(tài)度粗暴之極讓人懷疑這是程序員做的。
Less is more。但就放一個(gè)字，修改形體，加色塊填充，很難把此類 icon 與“匠心之作“聯(lián)系一起。
設(shè)計(jì)是門講究活。有設(shè)計(jì)師覺得 icon 要更加醒目而易于理解，于是我們手機(jī)上便出現(xiàn)了干脆把應(yīng)用全稱直接寫在 icon 上的設(shè)計(jì)。
隔壁程序員看了，問是不是新來的實(shí)習(xí)生做的。不行。要不再加點(diǎn)？在其之上，設(shè)計(jì)師努力添加更多的元素，吉祥物、十二生肖、公司標(biāo)志等等。
實(shí)在不行，放一個(gè)圓形吧，至少好過旁邊的簡書有了應(yīng)用名還加個(gè)網(wǎng)址。
這些就是用戶每天看到的 icon。這些就是用戶無意中感染培養(yǎng)起來的“糟糕審美”。
解釋從來不缺說辭。在前篇一律復(fù)雜的 icon 中，“越簡單越好”，“只要用戶能認(rèn)出來就好”，“不管好不好反正用戶都要用”，“多看兩眼就習(xí)慣了”。
簡單好記、識別度高是產(chǎn)品傳播上的考慮，而設(shè)計(jì)師該有自己的表達(dá)態(tài)度以及關(guān)于“美的追求”。越是用戶量巨大的產(chǎn)品，越應(yīng)該從細(xì)節(jié)推敲每個(gè)像素點(diǎn)的優(yōu)劣。
那么，沒有產(chǎn)品經(jīng)理的干涉，設(shè)計(jì)社區(qū)里“純粹的設(shè)計(jì)”會(huì)是什么樣呢？
Behance 的 icon 一直被國外設(shè)計(jì)師吐槽，稱完全看不出其設(shè)計(jì)精髓。
但并非簡單的設(shè)計(jì)不是好作品。
德國 IF 國際設(shè)計(jì)論壇的 icon ，打散拉丁字母，重新用圖形表達(dá) IF 字樣，有效傳達(dá)給用戶“嚴(yán)謹(jǐn)設(shè)計(jì)”的第一印象。這是符合其“ world design guide ”的理念的。
優(yōu)衣庫的 icon 被日本知名設(shè)計(jì)師佐藤可士和重新設(shè)計(jì)過字體。酒紅色底版和白色字體的對比永遠(yuǎn)顯得年輕時(shí)尚。在圖形表達(dá)方面拉丁字母要比單個(gè)漢字更易有版式美感。
那么，一款精心設(shè)計(jì)的 icon 應(yīng)該是什么樣子的？
Icon 應(yīng)該本身產(chǎn)品的屬性是有所關(guān)聯(lián)。哪怕直接放置大號字體，像今日頭條這樣的處理也算優(yōu)雅，暗示新聞媒體特性。
將細(xì)節(jié)處理得美妙的 icon 應(yīng)該是怎么樣的？
Pages 的 icon 堪稱一絕。
Pages 是一款提供優(yōu)雅版式的文本編輯軟件，對應(yīng)的是微軟辦公軟件 Word。其應(yīng)用在 icon 的設(shè)計(jì)上已經(jīng)注重表達(dá)真實(shí)的美觀程度。這與 Pages 內(nèi)置的精致排版是對應(yīng)的。
與今日頭條不一樣的是，Pages 的 icon 背景直接用上了真實(shí)的文本。
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.
放大來看，這是一篇關(guān)于 Apple Campus 附近的游記，大部分都是 Apple Campus 附近的路名和建筑名稱。
再來看看 Keynote 上的細(xì)節(jié)處理。
Icon 主界面是一個(gè)主講臺，上面攤開演講材料。這是符合 Keynote 作為演示文稿制作軟件屬性的。
留心看從 2008 年到 2012 年的更新，每一版本 icon 上講臺的材料都有更換的，你一定好奇上面寫的是什么？
在 2012 年版本的 Keynote 上引用了 1998 年喬布斯回歸蘋果后推出的極富盛名的“ Think Different ”廣告中一段獨(dú)白。
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.
你盡可以引用他們，否定他們，贊美或者貶損他們。不過惟獨(dú)不能漠視他們，因?yàn)樗麄冞M(jìn)行著變革，他們推動(dòng)著人類的進(jìn)步。他們也許是別人眼里的瘋子，卻是我們眼中的天才。
值得一提的是，在這個(gè)版本的 Keynote 發(fā)布前幾個(gè)月，喬布斯因?yàn)榘┌Y永遠(yuǎn)離開了蘋果公司。其紀(jì)念意義不言而喻。
而后續(xù)版本 Keynote 的細(xì)節(jié)處字樣則換成了蘋果公司歷史上有名的幾個(gè)辦公地點(diǎn)。
同樣注重細(xì)節(jié)處理的是 Smartisan 的 icon。
錘子便簽由于極其優(yōu)秀的使用體驗(yàn)一直被用戶喜歡，留心看稿紙，上面寫有一句話，語出紀(jì)伯倫的《先知》：
不要因?yàn)樽叩锰h(yuǎn),而忘了當(dāng)初為什么出發(fā)。
郵件 icon 是一枚郵票，上面印有郵戳，寫到：GREENLAND CENTER, BLDG. A，表明這是一封從錘子公司寄出去的郵件。
音樂 icon 主體是一個(gè)老式播放器，黑膠唱片上寫有：SMARTISAN OS BUILT-IN 、MUSIC PLAYER。
宛如小人國一般，錘子在一枚小小的 icon 上非常認(rèn)真向世人宣布，這是一臺他們親手打造的音樂播放器。
One Step 呢？
看看這張圖，你就知道這 icon 背后的象征意義了。
關(guān)于錘子閱讀的 Icon，上面均是三本有態(tài)度的經(jīng)典刊物。
傳聞，時(shí)代雜志上那個(gè)憂郁的人物頭像是錘子產(chǎn)品副總監(jiān)耿達(dá)維，錘子閱讀正是經(jīng)他手開發(fā)出來的。
除此之外，主打稍后閱讀 Instapaper 的應(yīng)用圖標(biāo)同樣很精彩。Icon 上背景是淺色報(bào)紙版面，其風(fēng)格對應(yīng)著黑白軟件界面。
放大來看，你可以看到背后那段報(bào)道是關(guān)于 43 Folders 網(wǎng)站上一篇關(guān)于文本效率性，創(chuàng)造性工作的高質(zhì)量文章，這與 Instapaper 的應(yīng)用主打的痛點(diǎn)是相關(guān)的。
驚艷的作品還有很多很多。
當(dāng)你見過那些處理到的 icon 設(shè)計(jì)后，你還能接受此類以簡潔為名卻從不講究優(yōu)美的大作嗎？而這些產(chǎn)品如今卻天天為用戶使用。
想想我們看到的界面吧。
這是一件極為可怕之事。
正因如此，用戶應(yīng)有自己個(gè)人意識的審美，不能任由設(shè)計(jì)師喂養(yǎng)糟粕也毫不知情，更遑論挑剔。而偉大產(chǎn)品，往往是兼顧了效率與人文，于細(xì)節(jié)處體現(xiàn)尊重， 在角落放飛創(chuàng)意。
這一切的實(shí)現(xiàn)，先從找出一枚手機(jī)上糟糕透頂?shù)?icon 開始。
藍(lán)藍(lán)設(shè)計(jì)( m.73404.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.73404.com.cn