2013年的WWDC全球開發者大會上,萬眾期待的蘋果ios7系統解開了神秘的面紗,就如同當年蘋果ios主管Scott Forstall離職前大家所猜測的那樣,曾經在蘋果的設計中主導了近三十年的擬真設計(Skeuomorphism)終於告別了用戶的眼睛,取而代之的是風格上更為接近扁平化設計(flat design)的界面風格。雖然被廣大用戶吐槽ios7是五味雜陳的混合體,但是捨棄了擬真設計的思路卻是非常明顯,接下來就讓我們一起來看看兩種設計思路的差異。

來源:騰訊CDC

根據維基百科上對擬真設計(Skeuomorphism)的定義,這個複雜的單詞所指的是藉用已有的實體,即使新設計中並不需要原來的功能,但使得新設計滿足一定的親和度需要。不僅僅ibook中的木質書架,就連照相軟件模擬機械相機快門的咔嚓聲都屬於這個範疇。而擬真設計真正開始被眾人所關注是要歸功於iphone,數年前iphone界面中出現的高質感材質按鈕打動了人們,從此擬真設計的風潮便開始盛行起來。

而實際上,擬真設計的觀念早在1984年的Mac電腦就已經有了雛形:計算器,磁盤,垃圾箱幾個主功能已經被並不豐富的畫面描繪了出來。想當年圖形界面系統還是個新鮮玩意,為了讓用戶更好理解和熟悉軟件的功能,蘋果的設計師們想到了擬真,並且把這個觀念一直延續至今。

早期蘋果系統的圖形界面

那麼擬真設計到底好在什麼地方,能夠一度讓蘋果的設計按照這個思路走了這麼長的時間,而且之前ios上幾乎所有的應用都不同程度的使用了擬真設計,無論是按鈕還是翻頁,甚至是快門聲音和搖色子的動作。

其實如果從擬真設計裡面提取一些關鍵成分的話,那麼最重要的可能就是擬真設計更像是一個富有情感的人,會讓用戶感覺到親切,iBooks琳瑯滿目的書架和細膩的翻頁效果讓用戶忘記了自己是在對一塊屏幕指指點點,無論是視覺上還是操作上,都像是一本真正的書籍。這種讓用戶舒適的親切感大大降低了用戶對陌生軟件的學習成本,因為一切都和現實中的那麼接近。

ibooks圖形界面

但是正是因為這樣,擬真設計的盛行也塑造除了用戶的一個壞毛病,那就是「以貌取人」。相信絕大多數用戶在瀏覽App store的時候都是在看哪些圖標設計的即漂亮又精緻,漂亮的圖標還有按鈕總會吸引人去點一點,即便後來發現實際應用的功能並不好,甚至有些應用僅僅是把背景進行了仿真的處理,而使用方法還是同樣的囉嗦和繁複。

也正是在人們開始對擬真設計迷戀的熱度開始下降的時候,一種新的圖形界面設計思路出現在人們的眼前,這就是以微軟的Metro UI為代表的扁平化設計。

windows RT圖形界面

同擬真設計一樣,其實扁平化設計早已出現在大家的身邊,最早可以追溯到源於Swiss設計,雖然Swiss設計一貫的強調版設的工整和畫面的精簡,但是在僅僅依靠印刷品傳播的年代,是無法達到微軟的影響力的。

瑞士版式設計

扁平化設計追求純粹的視覺體驗,通過簡單的形狀和色彩來替代紋理和光影的效果,這也使得鍾情於簡約設計理念的設計者心中引起了不少共鳴,Antoine de Saint-Exupery指出:要實現完美境界,不在於能否包羅萬象無所不有,而在於每一個有限的組成部分,都是不可取代的精華。

而這樣的設計思路實際上是基於用戶認知的一種昇華。說來有趣,當年微軟的圖形界面正是「借鑒」了蘋果的圖形界面才問世並發揚光大,那麼扁平化設計所表現出的簡約實際上是對信息的高度整合,在用戶理解上的難度其實是要更高一些,要知道還是有很多用戶沒有見過​​xbox的手柄,甚至不知道xbox是什麼。

不過扁平化設計的興起的確影響了很多的設計者,漸漸讓設計者意識到PS中渲染出的各種質感和光感雖然自我感覺不錯,但卻不能完美的應用在每一個地方。而App store中的應用,也開始出現以簡約造型為主題的圖標了。

相對的,扁平化設計也不是完美無缺的設計思路,​​由於在視覺效果上的極簡化,很多設計細節被摒棄,使得所有的視覺元素都被展現同一個平面上,用戶很可能搞不清楚按鈕和橫幅廣告的區別,更不用說預想點擊後的相應效果了。

總的來說,無論是擬真設計還是扁平化設計,都是設計思路向前推進可選的道路之一,更何況設計思路的進步從來都是與技術水平的發展緊密結合的,無論是retina屏幕的出現還是響應式網站的流行,都必將影響著設計思路的應用,而選擇合適恰當的設計思路去表現才能讓設計思路發揮出最完美的效果。

文章出處:互動中國

誠摯邀請你成為好朋友-->
        

留下你的看法: