
前幾天iOS 7正式版終於發布,用戶對其扁平化設計風格褒貶不一。其實我們早在三個月前就在PICOOC的APP上率先“痛苦地”決定了採用“類扁平化設計”(稍後會給出解釋)。基於PICOOC系列產品的特性,當時整個App的GUI上遇到了很多的問題和挑戰。
比 如Latin健康秤所採集的紛雜的體徵數據流如何能以易懂的圖形化形式,讓用戶明白自己的身體健康狀況;那些北漂、廣漂一族通過Latin如何異地查看、 管理家人、朋友的健康信息,因為巨大的信息流要流入到不同類型的用戶界面上;在如今的多屏世界裡,如何才能滿足他們在如手機/手錶/iPad/電視中隨意 切換和查看自己健康信息的需求。這些都是我們要解決的問題,我們團隊也歷經了無數次的嘗試和迭代。以下便是我們對扁平化和擬物化的思考:
“扁平化設計”與“ 擬物化設計 ”孰是孰非?
關 於蘋果的這次大膽的嘗試,業界一直對於“擬物化設計”和“扁平化設計”褒貶不一,有些則比較偏頗;所謂偏頗,也就是片面表達某種風格一定比某種風格更好, 以及好在哪裡。我先闡述幾個概念,並分析蘋果為什麼這麼做,以及我們為什麼這麼做!而我認為二者並不是非黑即白的對立關係,因為設計並無好壞之分,存在即 合理。拖離開產品以及用戶, 那些誰對誰錯的判斷都是顯得毫無底氣。況且蘋果根本就沒有否定並且取消“擬物化設計”,而且之前老喬時代,iOS 界面裡同樣有扁平化的影子,比如圖表菜單等。
何謂“擬物化設計” ?
擬物化設計的概念就不再這裡闡述了,簡單的理解就是“模擬現實對象”,按照蘋果的說法,應用程序的外觀看起來與現實生活中的對應物越接近,使用起來就越簡單,相應的也有利於改善應用程序的用戶體驗。
而 人類最早的語言“象形文字”便是擬物化,人類幾乎所有的文字一開始都是像形文字,用擬物的方式來描繪現實世界中的東西,學習成本低,易記。老喬對界面設計 的一個理想是,任何年齡的人,任何經歷的人,都可以在拿到設備後的幾分鐘內輕鬆的掌握它的用法。於是Apple 通過利用人們的日常經驗, 做出擬物化的界面,從而降低用戶的學習成本以及理解難度。
想像一下,當你應用中的可視化對象和操作按照現實世界中的對象與操作仿造,用戶 就能快速領會如何使用它( iOS Human Interface Guidelines)”。模擬實物的視覺設計和交互體驗,讓用戶完全不用去抽象的理解就可以直觀的認知和使用。當你到三里屯的Apple Store 裡面,你會發現很多的小孩,兒童,老人在操作iPhone、iPad 的時候,根本不需要別人去教,自己玩幾分鐘即可以流暢的使用他們。
蘋果之所以形成瞭如今的界面風格,是因為老喬對低學習成本的極大的重視,因而才會在界面中大量使用隱喻和模仿;而如今的扁平化設計也沒有從本質上脫離這個根本的軌道。
何謂“扁平化設計”?
扁平化設計(Flat design)完全屬於二次元,這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D 效果的元素一概不用。所有的元素的邊界都乾淨利落,沒有任何羽化,漸變,或者陰影。
扁平化設計其實是一門古老的UI 設計,早在Windows 95 時代開始,我們在PC 上看到的BIOS 設置界面就是非常典型的扁平化設計,他當時不美觀,但是並不難學,而且扁平化界面很是清晰明了!
“扁 平化設計”有著鮮明的視覺效果, 整個界面的配色平均會採用到6-8 種顏色這個對於開發團隊的挑戰極大,頁面效果更加絢麗、明亮。它所使用的元素之間有著清晰的層次和佈局,這使得用戶能直觀的了解每個元素的作用以及交互方 式。在需要展現強大信息流的界面內,它讓用戶最大程度地減少學習使用成本。僅僅憑藉用戶的直覺就大概能夠明白每個對象、按鈕的作用。