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