藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)

來(lái)源：http://www.guimobile.net/so-called-detail-design.html

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

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

發(fā)現(xiàn)不同了嗎？沒(méi)錯(cuò)，左圖中的 Globe 鍵在右圖中不見(jiàn)了…「廢話，拖出去…」Wait！兩個(gè)鍵盤(pán)中的 Dictation 鍵顏色不一樣！嗯，恭喜，你終于發(fā)現(xiàn)真諦了。可為什么不同呢？我們?cè)賮?lái)看兩幅圖。

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

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

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

試想如果用戶不知道 Dictation 鍵有快速輸入下的無(wú)響應(yīng)處理，那么在縮水的 Space 鍵盤(pán)上進(jìn)行輸入，當(dāng)下意識(shí)的將拇指敲擊位置向 Dictation 鍵的方向移動(dòng)時(shí)，若 Dictation 鍵的顏色是與 Space 鍵不同的暗色調(diào)，那么在視覺(jué)上將會(huì)非常搶眼，很可能會(huì)讓用戶輸入時(shí)產(chǎn)生停頓，從而為防止輸入錯(cuò)誤而將本以習(xí)慣的拇指敲擊位置向右移，最終影響到輸入的連貫性和速度。所以將 Dictation 鍵改為與 Space 鍵同樣的淺色調(diào)，會(huì)在視覺(jué)上將這個(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)啟用聽(tīng)寫(xiě)功能后風(fēng)扇就停轉(zhuǎn)的做法。那這是不是所謂的「細(xì)節(jié)設(shè)計(jì)」？當(dāng)然是，甚至它已經(jīng)細(xì)到了「令人發(fā)指」的地步。但你在被上述案例中蘋(píng)果偏執(zhí)狂式的細(xì)節(jié)處理所折服的同時(shí)，想想看大家對(duì) iOS 的美譽(yù)只是靠這一個(gè)細(xì)節(jié)得來(lái)的嗎？當(dāng)然不是，而是由很多可能在你看來(lái)不值一提的細(xì)節(jié)共同賦予的。之所以會(huì)有這樣的出彩設(shè)計(jì)，只不過(guò)是蘋(píng)果對(duì)于產(chǎn)品一貫精益求精的設(shè)計(jì)理念而已。

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

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