蘋果設計的魔鬼細節:光景設計的取舍之道
字體:
大
中
小 發表日期:2012-02-01 13:28 評論:0 點擊:1708
iPhone 的出現真正讓智能手機變成了一個簡單好用的東西,為此蘋果做了大量的工作,盡量讓圖標更加生活化和通俗易懂就是其中的重要一點。當然,在這一點上其他智能系統也做得非常好。而 iOS 則在光影設計上做得更加意味深遠。
一、圓角圖標
圓角圖標甚至是 iOS 標志性的設計元素之一,成為了某種蘋果的風格。其實就現實生活而言,圓角設計非常普遍,比如桌子,行李箱,飯盒等等。只要是矩形物品,都會設計成圓角矩形,否則,尖銳的角可能會對用戶造成傷害。生活中用戶對圓角矩形接觸更多,圓角矩形傳遞著無害而熟悉的暗示。而直角矩形物品因為接觸很少,則會讓用戶產生陌生感和不真實感。設計成圖標時,用戶的注意力有一部份分散在圖標的形狀上,影響圖標信息傳遞的效果。
二、微笑曲線
iOS 圖標中部都有一條陰影的分界線,這條細細的弧線看起來像是一個“微笑”的標志。圖標上下明暗對比明顯,塑造成陰影效果。這個曲線和陰影則傳達出一個信息:圖標是立體的,不是單一的平面,并且是凸的弧形,并在圖標上方光源的照射下呈現出立體的光影效果,讓圖標更像一個真實的按鈕。
三、底部陰影
iOS 圖標還在下邊框增加了陰影的效果,這讓整個圖標比背景屏幕更高一點——換而言之,更像一個真實按鈕。同樣是因為光源來自于圖標上方,上邊框的細線會將顏色設計得偏白色,也更細一點,下邊框則設計成黑色,線條會加粗一點。這樣設計也同樣是為了模擬真實的光影效果。
最后的綜合成果就是讓用戶對圖標更為熟悉,符合日常生活經驗,消除用戶的不真實感和陌生感,將用戶的注意力緊緊抓住在圖標信息上,在潛移默化中完成圖標信息完整傳達的任務。
四、更真實的圖標
但 iOS 的設計并非是最真實的,圖標上的信息更多的是抽象的符號和圖形。而同樣是來自 Apple 的設計,Mac OS 的圖標則充滿了更為精致的細節感,不再是千篇一律的平面符號,而是真實物體。
和Mac OS 一樣,WebOS 系統的中圖標在真實度比iOS走得更遠,其圖標也是具有更多的細節,更復雜的光影效果。如果說iOS圖標的按鈕是立體的,符號是平面的話。WebOS 系統則對現實物體進行最大程度的擬真,這一點在自帶程序內也可以看得出來。
就拿WebOS 系統和 iOS 系統中自帶的計算器界面設計來說,WebOS 系統就更為真實美觀。iOS 依舊保持了凸形按鈕、光源在前方的設計風格,WebOS 系統則有幾點不同,每個按鈕都采用明暗雙線設計,按鈕邊緣更有真實的弧度感;按鈕中間顏色亮而四周顏色暗,塑造成按鈕是內凹的效果,現實生活中的計算器按鈕大部分是內凹的,傳達的設計感覺就是按鈕更貼合指尖的弧度,按下的感覺更舒適,讓人更有按下的欲望;WebOS 計算器按鈕的邊緣采用的黑色線條比 iOS 系統的更粗,傳達出另一種真實感:現實中計算器的按鈕周圍確實是有一些空隙,這一點上 iOS 上的單條細線比之于就失去了真實感,讓人感覺按鈕周圍的空隙很小,按下去可能需要很用力。在真實性的舒適用戶體驗上,WebOS 做得比 iOS 的更好。
五、為什么 iOS 要這么設計?
一個有趣的問題就出現了,為何一家在 Mac OS 上同樣設計出精致真實感圖標的公司,在iOS上的設計會更抽象更保守呢,難道是因為標準降低了?也許這個問題就像另一個廣為人知的有趣問題一樣:為什么 iOS 剛開始是單任務系統?我們發現答案可能是相似的。
——為了節約。
更真實意味著更復雜,意味著對系統資源的占用率更高,意味著更少的資源能直接響應用戶的操作,意味著影響了“It just works”的暢快感。用戶在使用中沒有感覺到“就這樣發生了”的神奇感覺,這就是最大的用戶體驗問題。
六、精打細算的蘋果
Apple 公司平均一年出一款手機,這也意味著在每一款手機上進行了更多的取舍。是系統運行更快還是界面更精致,在圖標設計上蘋果做出了自己審慎的選擇,圖標設計既有真實感的一面,也不做得更真實。簡單的弧線和陰影到達了立體感的設計要求,卻不會對占據更多的系統資源,這是一個劃算的選擇。
iPhone上有很多精心設計的工藝,但奔跑再快也無法擺脫地心引力,系統性能在約束著界面表現效果。移動設備對 iOS 的支持遠遠比不上強大的桌面系統對 Mac OS 的支持。在蘋果精心設計的背后,則是為了最佳用戶體驗而進行的嚴格計算和冷酷取舍。喬布斯如是說:創新意味著對其他 1000 件好的事情說不。
這一點,iOS 做到了。這一切,沒有偶然。
而WebOS 在設計上超越 iOS 的一瞬間,就被性能約束緊緊拉回了地面,繼而砰然墜地。這很不幸。
七、一個彩蛋
幾乎所有程序圖標的“微笑曲線”都是一個笑臉,除了一個:時鐘。
鬧鐘鏡面的“微笑曲線”是和其他圖標相反的,邊框的“微笑曲線”則是正常的。不過在我看來,這真是很有意思的事情。

:“在別人貪婪的時候恐懼,在別人恐懼的時候貪婪。”
※ ※ ※ 本文純屬【夕陽武士】個人意見,與【鋼之家鋼鐵博客】立場無關.※ ※ ※
 該日志尚無評論! |