藍(lán)藍(lán)設(shè)計( m.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.guimobile.net/so-called-detail-design.html

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

什么是細(xì)節(jié)設(shè)計？在討論這個問題前先來看個案例。如果你手里恰巧有 iPhone 4s / 5 / 5s，請隨便打開一個可以調(diào)出虛擬鍵盤的應(yīng)用「比如短信」。注意觀察鍵盤的最后一行，相信看這篇文章的人都是中文用戶，所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個小地球按鍵」和 Dictation 鍵「畫著麥克風(fēng)的語音輸入鍵」。然后去到 Settings「設(shè)置」- General「通用」- Keyboard「鍵盤」- Keyboards「鍵盤」，將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤，你就會得到下面的兩幅圖。

發(fā)現(xiàn)不同了嗎？沒錯，左圖中的 Globe 鍵在右圖中不見了…「廢話，拖出去…」Wait！兩個鍵盤中的 Dictation 鍵顏色不一樣！嗯，恭喜，你終于發(fā)現(xiàn)真諦了?？蔀槭裁床煌?？我們再來看兩幅圖。

注意看圖中 Space 鍵的長度。上圖中的 Space 鍵要明顯長于下圖，這是因為下圖中啟用了 Globe 鍵從而導(dǎo)致多占據(jù)了一個按鍵的位置。那么在這個發(fā)現(xiàn)的基礎(chǔ)上再來看 Dictation 鍵的顏色，你就會明白它為什么在上圖中是暗色，而在下圖中是淺色了。因為淺色所對應(yīng)的正是 Space 鍵的顏色，而下圖中 Dictation 鍵 + Space 鍵的長度正好等長于上圖中 Space 鍵的長度。蘋果巧妙利用 Dictation 鍵在色彩上的變化對于視覺的影響來填補了由于 Globe 鍵所占去的原 Space 鍵的面積。但為什么要這么做呢？

這就是為什么我在開篇時要詳細(xì)寫明如何設(shè)置鍵盤的原因，因為接下來的感受不是看圖就可以體驗到的。好了，自己動手試一下。將鍵盤設(shè)置為只有 English「英文」，以較快的速度進行輸入的同時去敲擊下方的 Space 鍵，會發(fā)現(xiàn)如果你習(xí)慣于左手拇指敲擊 Space 鍵的話，那么通常范圍會按壓在中部偏左的區(qū)域。而當(dāng)你習(xí)慣了全尺寸的 Space 鍵再來敲擊因為 Globe 鍵占位而導(dǎo)致縮水的 Space 鍵時，左手拇指的落點就很有可能會是 Dictation 鍵的位置。那么，接下來將鍵盤恢復(fù)為多輸入法，再用同樣的速度進行輸入并敲擊 Space 鍵，你會發(fā)現(xiàn)即使你的拇指落點在 Dictation 鍵上，也不會觸發(fā)該功能，而是被當(dāng)作了 Space 鍵在使用。

當(dāng)然，其實在全尺寸 Space 鍵的鍵盤上進行快速輸入時，不小心按在 Dictation 鍵上也是無反應(yīng)的，蘋果對這個鍵本身就采用了針對快速輸入下的無響應(yīng)處理。那么既然本身就無響應(yīng)，在縮水的 Space 鍵盤上也不會影響操作，為什么還要改變 Dictation 鍵的顏色？

試想如果用戶不知道 Dictation 鍵有快速輸入下的無響應(yīng)處理，那么在縮水的 Space 鍵盤上進行輸入，當(dāng)下意識的將拇指敲擊位置向 Dictation 鍵的方向移動時，若 Dictation 鍵的顏色是與 Space 鍵不同的暗色調(diào)，那么在視覺上將會非常搶眼，很可能會讓用戶輸入時產(chǎn)生停頓，從而為防止輸入錯誤而將本以習(xí)慣的拇指敲擊位置向右移，最終影響到輸入的連貫性和速度。所以將 Dictation 鍵改為與 Space 鍵同樣的淺色調(diào)，會在視覺上將這個影響降到，始終讓用戶保持統(tǒng)一的認(rèn)知感和體驗感。

看完這個案例我不知道你是什么反應(yīng)，反正當(dāng)時的我是目瞪口呆，一點兒不亞于在《挖墳 OS X「七」- 鮮為人知的細(xì)節(jié)設(shè)計 Top 10》所提到的那個有關(guān)啟用聽寫功能后風(fēng)扇就停轉(zhuǎn)的做法。那這是不是所謂的「細(xì)節(jié)設(shè)計」？當(dāng)然是，甚至它已經(jīng)細(xì)到了「令人發(fā)指」的地步。但你在被上述案例中蘋果偏執(zhí)狂式的細(xì)節(jié)處理所折服的同時，想想看大家對 iOS 的美譽只是靠這一個細(xì)節(jié)得來的嗎？當(dāng)然不是，而是由很多可能在你看來不值一提的細(xì)節(jié)共同賦予的。之所以會有這樣的出彩設(shè)計，只不過是蘋果對于產(chǎn)品一貫精益求精的設(shè)計理念而已。

同理，前段時間 Medium 為了讓 下劃線 變的更加漂亮，曾耗時一個月為之瘋狂，可惜由于技術(shù)難度和實現(xiàn)成本的原因最終暫時沒有達(dá)到預(yù)想中的效果。對此有的人為之豎大拇指，也有的人則嗤之以鼻，認(rèn)為是避重就輕的資源浪費。但無論怎樣，我看到的只是 Medium 作為一個新興內(nèi)容發(fā)布平臺對于內(nèi)容美觀度盡善盡美的態(tài)度。

所謂「細(xì)節(jié)設(shè)計」只是一個廣義上的概念，想要對它下一個確切的定義是不現(xiàn)實的。就像一千個哈姆雷特那樣，不同的人對于「細(xì)節(jié)」的理解也是不一樣的。對產(chǎn)品而言，幾乎每個層面都可以談?wù)摷?xì)節(jié)，而這些細(xì)節(jié)又決定著整體。只不過在這些細(xì)節(jié)中，有的流于表面易被發(fā)現(xiàn)，有的默默無聞深藏功名，有的只是錦上添花讓產(chǎn)品脫穎而出，有的卻是雪中送炭救產(chǎn)品于水火中。對設(shè)計者而言，細(xì)節(jié)取決于對產(chǎn)品的態(tài)度，同時體現(xiàn)出的還有設(shè)計者的品味和對自身的要求。所以，既無需把「細(xì)節(jié)設(shè)計」上升到?jīng)Q定產(chǎn)品命運的制高點，也無需為孰優(yōu)孰劣的做法而爭得面紅耳赤。用心去做產(chǎn)品，細(xì)節(jié)就會無處不在。