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

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

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

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

發(fā)現(xiàn)不同了嗎？沒錯(cuò)，左圖中的 Globe 鍵在右圖中不見了…「廢話，拖出去…」Wait！兩個(gè)鍵盤中的 Dictation 鍵顏色不一樣！嗯，恭喜，你終于發(fā)現(xiàn)真諦了?？蔀槭裁床煌兀课覀冊賮砜磧煞鶊D。

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

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

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

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

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

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

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