WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?

 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
2013 WWDC終於登場,對持有iPhone、iPad等用戶來說,全新的iOS 7號稱歷來最大改變,這次不只是推出新功能而已,在皮相方面,使用者介面設計也有令人張大眼睛、忍不住想仔細研究一下的劇烈變化!在發表會之前,已有模擬器可以生成新的iOS畫面,扁平化設計的APP icon令人想到Google、想到微軟,發表會之後,真的看到拍版定案的設計,蘋果官網寫著iOS 7 is a pure representation of Simplicity,一起來瞧瞧這是不是令你喜愛的設計吧?
 
在開始這趟視覺之旅前,先回頭望一眼 iOS 6的介面吧!當然,除非你是APPLE的開發者,不然你還得跟iOS 6相處到秋天才有機會說再見。iOS 6採擬真設計,從相機、書架、時鐘,這些小icon細緻的程度,曾經是蘋果迷最鍾愛的一環。更不要說果凍風格APP icon設計,上亮下暗加上中間一條微笑曲線,讓icon看起來好立體,甚至影響了部分Android APP的icon設計。

WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
 
然而這一切終究要變成Old Fashion了嗎?在官方揭露的iOS 7影片中,負責設計的Jony Ive解釋了全新的UI設計將回歸簡單的理由。他說:真正的簡單不只是拿掉雜亂和裝飾,而是替複雜帶來秩序。
 
True simplicity is derived from so much more than just the absence of clutter and ornamentation—it’s about bringing order to complexity.
 
其實Simplicity並不是蘋果提出來的,早在幾年前MIT研究室的教授前田就曾為了Simplicity寫過許多文章,並出版了一本書「簡單的法則」,有興趣的人可以查看TED的演講比較快。 不過,當時簡單的設計並不等同於扁平化的設計,而是講究一個概念。
 
其實,蘋果官方並沒有用扁平化設計來形官方iOS 7的使用者介面,而是以重新設計(redesign)來描述這場視覺革命的起草過程與最終目的。官網上寫著,變更的目的是為了創造出更簡化、更受用、更享受其中的使用經驗,而這些正是人們喜愛iOS的原因。為此,更簡化、更受用、更讓人享受其中的UI設計,自然就往現在大家所看到的樣貌去發展了。
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
左圖是iOS 6,右圖是iOS 7,其中書報攤、設定、相機等圖標都有大幅的變化,上亮下暗的規則不見了,微笑曲線的分隔點不見了,取而代之的是單色甚至純白色的底,留心檢視還會發現底圖桌布的雲河似乎和Mac的銀河更接近了一些。妙的是大家不妨細看官方影片第1分09秒中故意呈現雲河有立體3D的感覺,一點都不扁平,為的是呼應Jony Ive說的簡單、清晰、效率之中藏有深奧的美。
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
其實,Simplicity真是一場浩大的工程,因為不只是第一層icon變動,點開來每一個APP的內裡也都隨之更新。郵件、訊息全都變成單純的色塊與單色線條,乍看之下頗清新,不過實際設計卻有相當的難度。因為這次的設計使用了很多「圖層」,例如氣象的背景會隨著晴天、雨天、雪天而變換。
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
假如你覺得這並不算什麼,畢竟hTC早就有這樣的功能了,那麼再來看一個設計的範例去顯現簡單的設計有多不簡單。移動iPhone,會發現桌布照片竟然看到不一樣的畫面了! 就像先前提到的雲河,新的iOS 7能讓iPhone感應你手持的角度而調整你看到的畫面,往右轉,鼻孔就跑出來了~只是這樣的設計會不會看久了頭暈呢?
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
來點認真的吧! 以傳送訊息為例,使用白色作為主色系,按下某個字母時會放大是現在已有的設計,不過似乎更顯眼了?再者,當朋友傳訊息時,藍色代表即將有訊息送來。如果你在此時將對話框向上拉,淺藍色會提醒你下方仍有對方的訊息,記得查看。這樣層疊的設計能夠在多且複雜的資訊呈現上,依照情境不同而轉換視覺重點。所以蘋果大聲的說:用了,你就知道是好設計。
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
不過,另外一派熟悉Android設計的人似乎不這麼單純的看待iOS 7,Droidlife甚至做出了比較圖,認為這中間好像有些值得玩味之處。詳情可以查看這個連結
 
WWDC 2013:iOS 7 祟尚簡單王道 誰說蘋果變扁了!?
 
*本文照片引自APPLE官方網站/Droidlife
 
 
 
【延伸閱讀】