你們覺得iWork 3個icon里哪個最好。 Pages, Keynote 還是 Numbers?

雖然Pages和Keynote擁有非常精致的造型和擬真效果，但是就icon設(shè)計而言，Numbers要超過它們。 Numbers脫胎于現(xiàn)實中的物體但又不是完全模擬它們，形象更簡潔有力。

從表意性上，Numbers 對圖表工具的概念進行了成功的提取和抽象，相信任何人第一次見到這個icon的時候都能認(rèn)出它是一種什么工具，但墨水瓶（Pages)的象征性太模糊，演講臺（Keynote）是一個人們不熟悉的且特征不明顯的事物。人們在通過icon形象識別出工具用途時要更困難。

從辨識度上，透視和視角的選用形成了很強的立體感，配色也非常鮮明。這些都提高了你從dock條上把它辨識出來的幾率。它的小尺寸表現(xiàn)也好于其它兩者。

Icon的成功更多取決于它是否能有效表意（功能、用途或者非常鮮明的個性特征）并且具有很強區(qū)分度，容易認(rèn)出并建立關(guān)聯(lián)。而不是在于它是否材質(zhì)更漂亮或更擬真。

為什么iOS UI上所有的icon都限制為圓角矩形？

有一些設(shè)備的UI上的icon允許透明通道，也就是允許icon是各種形狀的。這顯然讓設(shè)計師有更大的發(fā)揮余地，能夠創(chuàng)作出更漂亮的作品。

但是iPhone的桌面是一個訪問頻率非常高、空間有限、icon放置密度非常高的環(huán)境。icon之間的間距沒法很大，如果不統(tǒng)一上面幾十個icon的形狀，會導(dǎo)致一個非常雜亂的界面，icon之間也會彼此干擾。（雖然LaunchPad也是這種羅列icon的方式，但擁有較大的空間和間距，情況會好一點。）所以規(guī)整統(tǒng)一的形狀可以帶來良好的節(jié)奏和協(xié)調(diào)的感官，同時也可以和設(shè)備的整體外形相呼應(yīng)。

此外，設(shè)定這一“游戲規(guī)則”也平均了icon們的風(fēng)格和水準(zhǔn)。目前app stone上已經(jīng)上架了10W個應(yīng)用，也就有10W個icon，設(shè)計水平參差不齊。但統(tǒng)一的形狀和iOS官方icon設(shè)計所引導(dǎo)的風(fēng)格，讓最差的設(shè)計師也不會做出爛得超過底線，影響整個設(shè)備UI的icon來。即使你啥都不會，選一個背景色，在上面放一個字母，也能成為你的icon，而且效果也不太壞。所以在iOS設(shè)備上你不會看到那種一堆icon里突然冒出一個特別土帶著粗大的鋸齒邊和蹩腳陰影的刺眼玩意。

從iOS的開發(fā)定位來看，Apple一直都選用的是一個平均化但是最能保證整體效果的方案。讓一個工程師，僅僅利用默認(rèn)控件，也能做出可用可看的App。

設(shè)計和藝術(shù)的區(qū)別之一正是“設(shè)計是帶著鐐銬跳舞”。

游戲規(guī)則的設(shè)定，就是為了保障整個游戲的可玩性和所有玩家的利益，我想對所有icon外形的限制（包括HIG中對許多控件及交互方式的限制）就是整個平臺設(shè)計策略的一環(huán)。

為什么Adobe套裝里的icon都做成那個樣子？

CS2在04年發(fā)布，CS3在07年發(fā)布。這3年間Adobe做了很多重要的戰(zhàn)略調(diào)整，事件之一是收購了Marcomedia，并且更強調(diào)工具之間的兼容性，并提供一些平臺化工具。Adobe需要推出更多套裝，并在里面包含更多應(yīng)用。從提供工具變成了提供工具箱。

CS3剛出來的時候，對icon設(shè)計進行了重大的改變，當(dāng)然獲得了大量惡評，理由都是一個丑。就單個icon來看，CS3的PS圖標(biāo)比CS2差幾個級別，Adobe不是找不到好設(shè)計師，為什么要這么做。

看完這張圖就明白了。Adobe的設(shè)計工具都比較難以根據(jù)功能來提取出一個具象概念，只好用羽毛，花朵，樹葉這種很“精神層面”的的物體來表示。當(dāng)套裝變得更大，設(shè)計師桌面上需要放下更多Adobe應(yīng)用的icon時會出現(xiàn)什么狀況，他的鼠標(biāo)會在幾個icon之間遊移。當(dāng)然假以時日，反射弧會被建立，也會通過擺放位置來進行記憶，但對于新用戶而言，這無疑是一個悲劇。

展示這張圖不是為了說明Adobe的新icon們在色相環(huán)上的分布，而是為了說明有它們工具數(shù)量的龐大。

CS3系列后的新icon雖然不好看，但無疑極為直觀，無需建立對象及其象征物之間的關(guān)聯(lián)，這不是表意而是直接對著你喊出來，“我是PS”。文字帶來最快速的反應(yīng)。

風(fēng)格強烈，你可以輕易識別出它們是屬于一個Adobe的。

此外它最大化利用了系統(tǒng)中icon的尺寸限制，一整個大色塊。所以你會發(fā)現(xiàn)它們無論是在dock條還是windows桌面上，都是搶眼的。

設(shè)計過程中如何做決策，美的標(biāo)準(zhǔn)是什么，我借用一下《data visualization》一書中的觀點：novel （創(chuàng)新)， informative (這里可以理解為否實現(xiàn)設(shè)計的功能，傳達(dá)出需要傳達(dá)的信息）, efficient （能否有效地達(dá)成設(shè)計訴求）, aesthetic （是否有視覺魅力）。受眾、目標(biāo)和情境是設(shè)計開始之前必須回答的問題，一個不能保障可用性（有效達(dá)成目標(biāo)，滿足需求，適配于使用情境）的設(shè)計，再好看再創(chuàng)新也是失敗的。Adobe的選擇也正是基于這一點。

OS X官方App中最打動你的icon是哪個？

Automator. 這是一個通過點擊拖拽這些操作在不同應(yīng)用間創(chuàng)建工作流（批處理）的工具。這用一個拿著管道（連接件)的高科技機器人來表示最非常恰當(dāng)?shù)?。精密、冷酷、充滿魅力的質(zhì)感，直接就是蘋果的氣質(zhì)的體現(xiàn)。

它打動我是因為它是一個被人格化的icon，也是OS X官方icon中唯一一個擬人化的設(shè)計。用一個令人愛不釋手的高科技機器人來表達(dá)一個編程工具。Automator代表了apple script的最高成就，這種東西對于編程語言的意義，相當(dāng)于GUI對桌面系統(tǒng)。高科技機器人帶給我們的，正是利用高水平的技術(shù)和工業(yè)設(shè)計，提供了生產(chǎn)率，降低了使用門檻和成本。這個形象是不是也讓你作為一個普通人也有興趣去嘗試編寫程序。比Terminal的icon給你的心理壓力小多了吧。

這個設(shè)計在可用性和美觀的標(biāo)準(zhǔn)之上，體現(xiàn)對情感的傳遞。它建立的不僅僅是效用，而是喜愛。很多時候 ，感性認(rèn)識比理性認(rèn)識對于人們做出決定更為關(guān)鍵。

新版的icon更換了質(zhì)感，簡化了材質(zhì)上的細(xì)節(jié)， 加深對比度和整體顏色，強化了輪廓。我感覺是一個從 炫目、模擬真實質(zhì)感->更簡潔和抽象、和環(huán)境能搭配 的變化過程。新版的在小尺寸下表現(xiàn)也更好。

NeXT的logo是不是很丑？

很多人都知道它是Jobs請Paul Rand花了10W刀設(shè)計的。

首先我覺得它并不好看。但是好看絕對不是一個LOGO設(shè)計是否成功的唯一標(biāo)準(zhǔn)。

首先試圖追溯Paul為什么要這樣設(shè)計NeXT的logo

這就是NeXT cube， NeXT computer的機箱，它最大的特征就是 方正（據(jù)說Jobs花了很大代價追究8個角的銳利，就像用尺規(guī)工具在紙上畫出來的那樣干凈準(zhǔn)確）、極簡（用色純粹，沒有多余的線條和裝飾）。這個工設(shè)放到30年后來看都毫不遜色。

這是NeXTSTEP / OPENSTEP 1.0 (released in 1989)。該 GUI 的圖標(biāo)很大，48×48像素，包含更多顏色，從1.0開始支持彩色，已經(jīng)可以看到現(xiàn)代 GUI 的影子。

比較一下同年代的其它GUI水準(zhǔn)。

Windows 2.0x (released in 1987)

OS/2 1.20 (released in 1989)

Desktop Computer操作系統(tǒng)之GUI發(fā)展?http://blog.csdn.net/greenhand_/article/details/7787861

N e X T 這4個字母的顏色，搞設(shè)計的同學(xué)應(yīng)能容易聯(lián)想到CMYK，現(xiàn)在找不到原設(shè)計圖了，沒法取到精確色值，但我推測都是滿值的。大紅 M100%Y100%, 綠色 C100%Y100%， 黃色Y100%， 品紅M100%。
我的一個在蘋果工作過的朋友，在那個年代見過NeXT的LOGO，他的印象是顏色非常艷麗飽滿，這也正是Paul想傳達(dá)給消費者的關(guān)于這個產(chǎn)品的特征。在當(dāng)時的印刷平均條件下，Paul的這個用色選擇是大膽，同時也是成功的。

Paul 從NeXT的經(jīng)典產(chǎn)品中抽離除了最本質(zhì)的幾個特征。立方體，極簡，純黑的底色，還有顏色豐富、富有魅力的GUI。

抽象的過程就是一個簡化的過程，也是一個靠近事物本質(zhì)的過程。得到本質(zhì)以后，其他一切都只是從屬，都可以根據(jù)恰當(dāng)?shù)臈l件進行省略。

Jobs看到方案問Paul, 還有其它可選方案嗎？Paul 說：“沒有，我已經(jīng)解決了你的問題。付錢吧。想要可選方案？找別人去吧。”

我的理解是，設(shè)計是為了解決問題達(dá)成訴求，所以最合適的方案當(dāng)然只有一個。Paul自信他提出的這個設(shè)計就是這個最合適的方案，因為它已經(jīng)解決了“品牌傳達(dá)”這個最核心的問題。

Paul 是包豪斯設(shè)計思想的繼承者，同時為商業(yè)服務(wù)的使用美術(shù)大師，他喜歡拼貼風(fēng)格，拼貼可以突破空間的限制，用色強烈，造型簡單，追求準(zhǔn)確的傳達(dá)而不是盲目的創(chuàng)新。Jobs的評價也是這樣，認(rèn)為Paul 是藝術(shù)家和商業(yè)問題解決者的結(jié)合，認(rèn)為 Paul 的設(shè)計很 emotional（感性），同時又很 intellectual（理智）。

所以關(guān)于這個問題我想說的是，美的標(biāo)準(zhǔn)是變化的，建立在時代和文化背景上的，在觀看一件歷史上的設(shè)計或者藝術(shù)作品時，只有理解了它的背景、出發(fā)點和訴求之后，才能觸摸到它的本質(zhì)，學(xué)習(xí)到它的成功之處。同時對于一件為商業(yè)服務(wù)的設(shè)計而言，“有效”是最核心的，而不是“好看”或者什么別的。當(dāng)然達(dá)到有效的手段有很多種，比如創(chuàng)新、情感化，視覺表現(xiàn)手法當(dāng)然也在其中。

為什么世界五百強中大部分的Logo都很“難看”？

回答完了上一個問題之后，我覺得這個問題也不用回答了。

我給難看加上了引號是因為審美永遠(yuǎn)是一個相對標(biāo)準(zhǔn)，隨個人偏好、時代定位和文化背景所變化。

世界500強公司能做大往往也有著悠久的歷史。他們的LOGO穿過了幾個文明快速發(fā)展、觀念快速變化的時代，其傳播載體和條件也在不斷更新。無論它們是否還符合現(xiàn)在的審美，它們在當(dāng)時的背景下都已經(jīng)完成了品牌傳達(dá)的目標(biāo)，建立了鮮明識別度，并且成為企業(yè)文化的一部分。

來源：http://blog.xiqiao.info/2012/09/13/1254