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