北京:010-82891480
深圳:0755-83246502
回到頂部

談扁平化設計

扁平化設計是什么?


扁平化設計是極簡主義的直系親屬,不過它更復雜和多樣化一些。扁平設計既兼顧了極簡主義的原則又可以應對更多的復雜性;通過去掉三維效果,這些設計將銳度和清晰度融為一體。本質上講,扁平化設計有兩個目的:


直面屏幕的限制,利用這些參數而不是掩飾它們。


將新的簡潔性作為流線設計的出發點,使網站更快更實用。


扁平化設計并不意味著任何涉及維度的元素都是不合適的。例如,這個網站用清晰的方式塑造了有角度的插圖。但是整個潮流趨向于簡單和簡約主義。按鍵使用了樸素的顏色并銳化了邊角。設計去掉了陰影,斜邊和漸變等效果。


扁平化設計回應了擬物化設計存在的問題

每個行為都有一個回應。在電子設計世界里,扁平設計部分作用就是回應擬物化設計。但扁平化設計不僅僅是一種藝術處理方式;它針對的是擬物設計帶來的功能問題。


擬物設計是什么?

也許你對該詞匯很陌生,擬物化是一種實踐,它將現實實物的樣子整合到設計中:將曾經的功能變成了裝飾。當遇到新的電子概念,工具和應用時,該設計能引起用戶的熟悉感。這種原理隨處可見;塑料椅子復制了木質椅子的外形就是現實世界的一個好例子。


在電子世界,擬物主義與蘋果的產品息息相關,這些產品提供電子世界擬物設計的絕佳例子。我們來看一下蘋果的控制面板的設計。


顯性組件:計算器,時鐘,日歷是它們現實世界的電子對應物


隱性細節:陰影和斜按鍵,紋理背景甚至時鐘上的振動效果也來自其對應的物理產品。


擬物設計的問題

擬物設計背后的原理有很多內容,但在電子設計領域使用這些原理帶來了很多的問題。比如,蘋果控制面板中的模擬時鐘比電子時鐘更難讀,點擊計算器的按鍵要比用鍵盤輸入花費更多的時間。堅持使用擬物設計產生了不少的問題:


由于一直使用與電子形式無關的設計標準,擬物化設計限制了創造力和功能性。


將擬物化元素與少維的元素相融合時,擬物元素看起來有些不一致,而且這些模仿并沒多少邏輯。比如,蘋果的找朋友應用就有一個看起來像縫合皮革的背景。但該元素與現實世界沒有任何關聯。


擬物化元素以無功能的裝飾占用了寶貴的屏幕空間和載入時間


當與其他無擬物效果的元素組合時,擬物元素看起來有問題,這樣就限制了整體設計和其他的元素的效果。


扁平化設計帶來的解決方案

扁平化設計直面數字體驗真正的限制,去掉了擬物設計強加的約束。正常情況下,屏幕上的任何物體看起來都不會有3D效果,所以為什么我們不去擁抱去掉花哨點綴后的美(更注重一些實用性的功能)。


例子1:


例子2: 


以上面LayerVault網站為例:例子1中,老版的設計體現了一種精細的擬物設計范例,我們之前提到過,當與扁平,簡潔的其他網站元素相結合時,該設計看起來有些怪。將例1與例2的扁平設計方案相比,例2中沒有任何更突出或者更功能化的元素。原來的設計分散了用戶的注意力,而修改后的版本引導用戶注意重要的信息。


扁平設計是擬物設計和簡約設計的和諧統一

以下兩點概括了扁平設計能夠成為持久,全面設計策略的原因:


與之前模仿物理體驗的設計不同,扁平設計專為屏幕體驗而生。


這種天賦使它能在很多方面提升用戶體驗


扁平設計取得了簡約設計和擬物設計的精華,并將這些元素融合為一體。類似與擬物設計,扁平設計看起來既友好又親切。 扁平設計通過展現清晰動人的界面來實現界面的友好性,而不是偽裝或者扭曲界面來模仿熟悉的元素。類似于簡約主義,扁平設計脫去了華麗的虛擬元素,只展現必要的功能。但它沒有簡約主義那樣嚴格;如同上面的例子展示的一樣,合理得當的裝飾是必要的。


扁平設計是用戶體驗最完美的形式


扁平設計不僅統一了簡約設計和擬物主義的設計目的,它有自己獨特的可用性思想。通過脫去冗余的形式,它適用于快速加載的網站,簡潔的代碼和高適用性。它在每一類應用上都能展現自己的美;不論是桌面還是手機屏幕,扁平設計保持一如既往的清晰和適應。


扁平設計的高適應性

例子1:


例子2: 


查看如上例子1和例子2中Windows Phone的設計,我們就能看出這些應用是如何簡單,漂亮地相互結合。微軟選擇與之前蘋果主導的設計徹底劃清界限,它決定使用更好的界面設計;在以上兩個設計塊中都采用了明亮的色彩塊,整體的排版和圖片看起來優雅大方。


結論

扁平設計的特點能使網站既實用又好看。它發現熟悉感對于用戶體驗來說非常重要,但它通過合理的方式創造這種感覺。同時,它能適應于新的發現,趨勢和想法。扁平設計使我們更靠近新的電子設計形式,即功能和美觀的和諧統一的設計。


本圖片版權歸思乘所有,轉載請標明出處。


發布時間 2018年09月20日
填寫您的項目需求,我們在24小時內與您取得聯系
  • 您的姓名:
  • *
  • 公司名稱:
  • *
  • 地址:
  • *
  • 電話:
  • *
  • 傳真:
  • *
  • E-mail:
  • *
  • 郵政編碼:
  • *
  • 留言主題:
  • *
  • 詳細說明:
  • *
     
關注思乘公眾號
二維碼
工業設計范兒
北京辦公室
電話:010-82891480
地址:北京 海淀 安寧莊東路18號
光華創業園 科研樓6層
深圳辦公室
電話:18038058525
傳真:010-53058415-602
地址:深圳 龍華區 特區1980文化創意產業園一期 H棟 首層101
廣州工業設計公司               Copyright ?2005 - 2013 北京思乘創新工業設計有限公 司
友情鏈接
十一选五在线人工计划