2014-9-29 藍藍設計的小編
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源:http://www.guimobile.net/so-called-detail-design.html
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
什么是細節設計?在討論這個問題前先來看個案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,請隨便打開一個可以調出虛擬鍵盤的應用「比如短信」。注意觀察鍵盤的最后一行,相信看這篇文章的人都是中文用戶,所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個小地球按鍵」和 Dictation 鍵「畫著麥克風的語音輸入鍵」。然后去到 Settings「設置」- General「通用」- Keyboard「鍵盤」- Keyboards「鍵盤」,將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤,你就會得到下面的兩幅圖。
發現不同了嗎?沒錯,左圖中的 Globe 鍵在右圖中不見了…「廢話,拖出去…」Wait!兩個鍵盤中的 Dictation 鍵顏色不一樣!嗯,恭喜,你終于發現真諦了。可為什么不同呢?我們再來看兩幅圖。
注意看圖中 Space 鍵的長度。上圖中的 Space 鍵要明顯長于下圖,這是因為下圖中啟用了 Globe 鍵從而導致多占據了一個按鍵的位置。那么在這個發現的基礎上再來看 Dictation 鍵的顏色,你就會明白它為什么在上圖中是暗色,而在下圖中是淺色了。因為淺色所對應的正是 Space 鍵的顏色,而下圖中 Dictation 鍵 + Space 鍵的長度正好等長于上圖中 Space 鍵的長度。蘋果巧妙利用 Dictation 鍵在色彩上的變化對于視覺的影響來填補了由于 Globe 鍵所占去的原 Space 鍵的面積。但為什么要這么做呢?
這就是為什么我在開篇時要詳細寫明如何設置鍵盤的原因,因為接下來的感受不是看圖就可以體驗到的。好了,自己動手試一下。將鍵盤設置為只有 English「英文」,以較快的速度進行輸入的同時去敲擊下方的 Space 鍵,會發現如果你習慣于左手拇指敲擊 Space 鍵的話,那么通常范圍會按壓在中部偏左的區域。而當你習慣了全尺寸的 Space 鍵再來敲擊因為 Globe 鍵占位而導致縮水的 Space 鍵時,左手拇指的落點就很有可能會是 Dictation 鍵的位置。那么,接下來將鍵盤恢復為多輸入法,再用同樣的速度進行輸入并敲擊 Space 鍵,你會發現即使你的拇指落點在 Dictation 鍵上,也不會觸發該功能,而是被當作了 Space 鍵在使用。
當然,其實在全尺寸 Space 鍵的鍵盤上進行快速輸入時,不小心按在 Dictation 鍵上也是無反應的,蘋果對這個鍵本身就采用了針對快速輸入下的無響應處理。那么既然本身就無響應,在縮水的 Space 鍵盤上也不會影響操作,為什么還要改變 Dictation 鍵的顏色?
試想如果用戶不知道 Dictation 鍵有快速輸入下的無響應處理,那么在縮水的 Space 鍵盤上進行輸入,當下意識的將拇指敲擊位置向 Dictation 鍵的方向移動時,若 Dictation 鍵的顏色是與 Space 鍵不同的暗色調,那么在視覺上將會非常搶眼,很可能會讓用戶輸入時產生停頓,從而為防止輸入錯誤而將本以習慣的拇指敲擊位置向右移,最終影響到輸入的連貫性和速度。所以將 Dictation 鍵改為與 Space 鍵同樣的淺色調,會在視覺上將這個影響降到,始終讓用戶保持統一的認知感和體驗感。
看完這個案例我不知道你是什么反應,反正當時的我是目瞪口呆,一點兒不亞于在《挖墳 OS X「七」- 鮮為人知的細節設計 Top 10》所提到的那個有關啟用聽寫功能后風扇就停轉的做法。那這是不是所謂的「細節設計」?當然是,甚至它已經細到了「令人發指」的地步。但你在被上述案例中蘋果偏執狂式的細節處理所折服的同時,想想看大家對 iOS 的美譽只是靠這一個細節得來的嗎?當然不是,而是由很多可能在你看來不值一提的細節共同賦予的。之所以會有這樣的出彩設計,只不過是蘋果對于產品一貫精益求精的設計理念而已。
同理,前段時間 Medium 為了讓 下劃線 變的更加漂亮,曾耗時一個月為之瘋狂,可惜由于技術難度和實現成本的原因最終暫時沒有達到預想中的效果。對此有的人為之豎大拇指,也有的人則嗤之以鼻,認為是避重就輕的資源浪費。但無論怎樣,我看到的只是 Medium 作為一個新興內容發布平臺對于內容美觀度盡善盡美的態度。
所謂「細節設計」只是一個廣義上的概念,想要對它下一個確切的定義是不現實的。就像一千個哈姆雷特那樣,不同的人對于「細節」的理解也是不一樣的。對產品而言,幾乎每個層面都可以談論細節,而這些細節又決定著整體。只不過在這些細節中,有的流于表面易被發現,有的默默無聞深藏功名,有的只是錦上添花讓產品脫穎而出,有的卻是雪中送炭救產品于水火中。對設計者而言,細節取決于對產品的態度,同時體現出的還有設計者的品味和對自身的要求。所以,既無需把「細節設計」上升到決定產品命運的制高點,也無需為孰優孰劣的做法而爭得面紅耳赤。用心去做產品,細節就會無處不在。