2014-6-26 藍藍設計的小編
轉載藍藍設計( m.axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源:http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
1蘋果擬物化是外觀設計與界面設計的統一
為何UI集體變風格 扁平化是未來主流嗎?
在十九世紀,由于大規模的機械化生產,裝飾品被快速及廉價的生產出來,導致商品被過度裝飾。這種裝飾風一直都沒有停下來,而且過度裝飾出現在生活中的各個角落。以我們所熟悉的電腦以及手機來講,由于顯示和樣式技術允許設計人員能夠創建豐富的視覺界面,導致擬物化設計(軟件界面模仿現實世界中的實物紋理)和復雜樣式的過度使用。所以伴隨著Android 4.0系統問世以及手機硬件配置的快速提升,擬物化設計被越來越多的人所喜歡,當然大家最喜歡的還是iOS(扁平化之前的版本)的設計。
蘋果作為“擬物化”設計的引領者,曾經擬物化的iOS被發揮到了。然而之所以蘋果的擬物化會被大眾覺得美,并不是單單因為它圖標的高光、陰影、立體等效果。個人認為是產品外觀設計與系統界面的統一。就以iPhone 4為例,iOS 4系統的逼真立體擬物化設計與iPhone 4玻璃金屬的外觀設計搭配在一起,可以說相得益彰,所以人們拿著iPhone 4怎么看都覺得非常漂亮。換句話說,如果當初的iPhone 4不是玻璃金屬的這種設計,換成廉價的塑料材質,你還會覺得擬物化的iOS 4會非常漂亮嗎?
蘋果的擬物化設計經歷三代版本后轉變為扁平化設計,這種轉變的原因并非是蘋果設計師們的突發奇想,而是因為產品設計思路的轉變以及人們思想觀念的轉變。蘋果的轉變讓很多不敢變不想變的廠商也開始做出改變。這里筆者就以個人的理解淺析一下。
1.擬物化的設計是為了讓用戶了解手機的功能
無論是蘋果的擬物化還是其他廠商的擬物化,這種設計都是為了讓用戶拿到手機看第一眼就能直觀的了解各個圖標都是干嘛的。看到“人頭”就知道這是聯系人、看到音符就知道這是用來聽音樂的、看到照相機的圖標就知道點擊這個可以用來拍照......在用戶使用智能手機早期,這種擬物化設計越逼真越形象就越能教育用戶,所以這也就是為什么前兩年我們看到的眾多智能手機的UI都是高度擬物化的設計。
Jony Ive:用戶不再需要擬物化
作為蘋果系統設計的負責人喬納森·艾維(Jony Ive),在iOS 7被曝出將會摒棄擬物化采用扁平化設計時,他就向《今日美國報》解釋了軟件設計的思考過程。“去年11月當我們坐下來探討iOS7系統時,我們認為用戶已經習慣了觸摸屏,所以他們不再需要具有物理外形的按鈕。因此我們自由設計的靈活度很大,不必過于拘泥現實世界。我們嘗試創建的系統環境不再那么具體化。”從他的回答中不難看出,最初的擬物化更多是因為用戶的認知來設計,并非沒有想過扁平化。
2.跟風的背后是相信用戶 回歸用戶體驗
扁平化的iOS 7發布后,很多人都持不同意見,有人覺得奇丑無比,也有人覺得非常贊。但是當爭吵糾結短暫過后,大量的蘋果用戶更新到這一系統。有數據測表明,iOS 7是蘋果歷代系統中用戶更新速度最快的一個版本。基于這種變化,國內手機廠商在隨后的時間內,迅速的做出轉變,集體性的摒棄了之前的擬物化,紛紛推出扁平化的UI。個人認為這些做出轉變的廠商們,有一些是跟風,有一些則確實是認識到了扁平化對于用戶體驗的優勢。
近兩年各個價位各個品牌的手機層出不窮,幾乎人人都在使用智能手機,人們對于智能手機的一些基礎功能了然于心,即便不是擬物化的設計,我們也都能知道這個圖標是什么功能。所以這種“跟風”的背后間接的體現出廠商對于用戶的一種信任,大部分用戶已經不再需要繼續“教育”了。用戶需要是節省資源回到體驗上來。扁平化將這一部分占用的資源得以釋放,讓系統有更多的能量去處理其他的事情,讓其他功能得到更好的保證,這一點也是用戶所期待的。
扁平化的UI會減少UI對系統資源的占用(圖片來自DownloadBlog.com)
擬物化的UI好看這一點相信大家都不會否認,但是并非只有這一種形式的才是好看,好看的形式有很多。擬物化的好看背后是大量的、大量的圖標,因此這種需要耗費系統大量運行資源的設計是對用戶體驗的一種損傷。
當逼真的紋理、高光、陰影這些元素不再存在后,如何能夠即表達本身圖標含義的同時又能帶給用戶美感,這是每一個UI設計師所要思考的。扁平化設計風格與擬物化設計風格這兩種風格并非水火不相容,兩者之間存在很多的交集。
從目前的設計理念來講,扁平化更多的是去掉了該去的一些東西,所以圖標看起來不像擬物化那樣立體那樣有真實感。但是扁平化中的一些繪畫元素則并非必須要以抽象來表達,完全可以使用擬物化中的那些具有形象意義的繪畫。這種設計在一些系統UI上我們現在也看到不少,整體看上去同樣是非常漂亮的。
聚焦內容,而不是它的樣式和裝飾。你可能會認為這點是老生常談,但有多少次你在網站上看到一個現成的主題?主題是始終建立在虛構內容,所以,就其本質而言,絕不可能完美的代表內容。虛構文本的主題推動設計師專注于造型和裝飾,而不是內容上,因為那里根本就沒有內容。只有當你在處理實際的內容時,你才開始真正將功能和形式有機結合。
個人認為扁平化是一種極簡主義的表現形式,但并非全部。所以生硬的套用極簡的設計美學,將界面設計的簡單而數字化,時常會是個誤區。完全的消除視覺效果,如顏色、不同的背景樣式等未必會讓界面更容易使用。在某些情況下,這相反的破壞了界面的層次結構和重點,而之前這些層次結構和重點都是建立在陰影和背景顏色之上的。
所以能夠很好的從功能角度出發設計,在扁平的外表下將部分擬物元素很好的融合在一起才會讓體驗和設計到達統一。擬物扁平化或許才是未來UI的一個形式,個人認為至少是短時間內的一個形式,若干年后會怎么樣這一點沒有人會知道