論心思,有多少 icon 經得起放大來看?

14 評論 7438 瀏覽 25 收藏 13 分鐘

設計師常吐槽甲方的審美一塌糊涂,要求改稿數十次,末了來一句“還是第一版好看”。

(圖自你丫才美工公眾號)

每個人都可能成為甲方。但糟糕的審美究竟是怎么來的?

每日所見所聞,即為審美。如果有什么是我們每天見到的,那應該是手機了。而手機屏幕上的眾多 icon 則是信息源的入口。

今天要說的就是那些無意中培養我們審美的 icon。

用戶常常以為,我們常常接觸到的應用程序質量都挺高的。其實不然,主流應用的 icon 大都做成這個樣子:

用戶是不是下載了假應用?態度粗暴之極讓人懷疑這是程序員做的。

Less is more。但就放一個字,修改形體,加色塊填充,很難把此類 icon 與“匠心之作“聯系一起。

設計是門講究活。有設計師覺得 icon 要更加醒目而易于理解,于是我們手機上便出現了干脆把應用全稱直接寫在 icon 上的設計。

隔壁程序員看了,問是不是新來的實習生做的。不行。要不再加點?在其之上,設計師努力添加更多的元素,吉祥物、十二生肖、公司標志等等。

實在不行,放一個圓形吧,至少好過旁邊的簡書有了應用名還加個網址。

這些就是用戶每天看到的 icon。這些就是用戶無意中感染培養起來的“糟糕審美”。

解釋從來不缺說辭。在前篇一律復雜的 icon 中,“越簡單越好”,“只要用戶能認出來就好”,“不管好不好反正用戶都要用”,“多看兩眼就習慣了”。

簡單好記、識別度高是產品傳播上的考慮,而設計師該有自己的表達態度以及關于“美的追求”。越是用戶量巨大的產品,越應該從細節推敲每個像素點的優劣。

那么,沒有產品經理的干涉,設計社區里“純粹的設計”會是什么樣呢?

Behance 的 icon 一直被國外設計師吐槽,稱完全看不出其設計精髓。

但并非簡單的設計不是好作品。

德國 IF 國際設計論壇的 icon ,打散拉丁字母,重新用圖形表達 IF 字樣,有效傳達給用戶“嚴謹設計”的第一印象。這是符合其“ world design guide ”的理念的。

優衣庫的 icon 被日本知名設計師佐藤可士和重新設計過字體。酒紅色底版和白色字體的對比永遠顯得年輕時尚。在圖形表達方面拉丁字母要比單個漢字更易有版式美感。

那么,一款精心設計的 icon 應該是什么樣子的?

Icon 應該本身產品的屬性是有所關聯。哪怕直接放置大號字體,像今日頭條這樣的處理也算優雅,暗示新聞媒體特性。

將細節處理得美妙的 icon 應該是怎么樣的?

Pages 的 icon 堪稱一絕。

Pages 是一款提供優雅版式的文本編輯軟件,對應的是微軟辦公軟件 Word。其應用在 icon 的設計上已經注重表達真實的美觀程度。這與 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 上的細節處理。

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 發布前幾個月,喬布斯因為癌癥永遠離開了蘋果公司。其紀念意義不言而喻。

而后續版本 Keynote 的細節處字樣則換成了蘋果公司歷史上有名的幾個辦公地點。

同樣注重細節處理的是 Smartisan 的 icon。

同樣注重細節處理的是 Smartisan 的 icon。

錘子便簽由于極其優秀的使用體驗一直被用戶喜歡,留心看稿紙,上面寫有一句話,語出紀伯倫的《先知》:

不要因為走得太遠,而忘了當初為什么出發。

郵件 icon 是一枚郵票,上面印有郵戳,寫到:GREENLAND CENTER, BLDG. A,表明這是一封從錘子公司寄出去的郵件。

音樂 icon 主體是一個老式播放器,黑膠唱片上寫有:SMARTISAN OS BUILT-IN 、MUSIC PLAYER。

宛如小人國一般,錘子在一枚小小的 icon 上非常認真向世人宣布,這是一臺他們親手打造的音樂播放器。

One Step 呢?

看看這張圖,你就知道這 icon 背后的象征意義了。

關于錘子閱讀的 Icon,上面均是三本有態度的經典刊物。

傳聞,時代雜志上那個憂郁的人物頭像是錘子產品副總監耿達維,錘子閱讀正是經他手開發出來的。

除此之外,主打稍后閱讀 Instapaper 的應用圖標同樣很精彩。Icon 上背景是淺色報紙版面,其風格對應著黑白軟件界面。

放大來看,你可以看到背后那段報道是關于 43 Folders 網站上一篇關于文本效率性,創造性工作的高質量文章,這與 Instapaper 的應用主打的痛點是相關的。

驚艷的作品還有很多很多。

當你見過那些處理到極致的 icon 設計后,你還能接受此類以簡潔為名卻從不講究優美的大作嗎?而這些產品如今卻天天為用戶使用。

想想我們看到的界面吧。

這是一件極為可怕之事。

正因如此,用戶應有自己個人意識的審美,不能任由設計師喂養糟粕也毫不知情,更遑論挑剔。而偉大產品,往往是兼顧了效率與人文,于細節處體現尊重, 在角落放飛創意。

這一切的實現,先從找出一枚手機上糟糕透頂的 icon 開始。

 

作者:陳中天

原文地址:http://www.ifanr.com/795204

本文來源于人人都是產品經理合作媒體@愛范兒,作者@陳中天

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 太講究細節,就會又回到擬物時代了,,,簡單粗暴的扁平時代挺好的

    來自安徽 回復
  2. 并不是所有的品牌icon都適合用浮夸的圖標拼湊。包括說的if和unique的icon,人家是英文字母,稍微改一下放上去就是高大上?中文字的一點點小設計就不是設計了?不管是從小設計師還是用戶角度,恕鄙人都沒法表示認同。

    回復
  3. 知乎的icon有可能是會ps的程序員隨手做出來的

    來自河南 回復
  4. 作為icon,在手機桌面的展現,由于手機屏幕有限,首先icon沒辦法承載太豐富多樣的設計,其次一款應用需要在茫茫的桌面應用中被用戶看到并打開,icon越清晰越明白,一眼就能看到是我要找的應用,這就是一個好icon。所謂的設計和美感,真的是普通用戶需要的么?所以大家在針對一個產品進行分析的時候,需要從特定的使用場景去考慮!

    來自中國 回復
    1. 我很贊同你的觀點

      來自山西 回復
  5. 是我太low么?我真是橫看豎看,沒發現優衣庫比搜狐好看到那啊

    來自上海 回復
    1. 是的,沒錯,優衣庫的怎么看都丑。

      來自河南 回復
  6. 蝦米音樂的ICON是有亮點的,看出來播放形狀了嗎?

    來自浙江 回復
  7. 大公司的icon可不是設計師能決定的

    來自四川 回復
  8. 應該是轉載的吧,不過有個地方我覺得也就那樣。優衣庫的icon真的很好看很高大上?還是因為是外國人設計的就跪舔,和上面那些普通的icon有什么區別

    來自廣東 回復
    1. 優衣庫的icon確實看著很丑

      來自河南 回復
  9. 在桌面找APP基本只看色塊

    來自廣東 回復
  10. 一是設計師本身能力和藝術水平不夠,二是對自己的工作及其不負責任

    來自北京 回復
  11. icon的小心思只是給粉絲的小驚喜,有很好,沒有也不差

    來自廣東 回復