top of page

【淺談扁平化設計Flat Design】

自2014年後,有沒有發現各大廠牌紛紛釋出自家的新LOGO

從原本的立體風格全部都改為扁平的樣式設計



我們先來探討扁平化設計的特色是甚麼

沒有多餘的裝飾、陰影、漸層、反射光澤

在顏色上常使用高亮度的色彩營造活潑的意象

搭配無襯線字體

整體走一個現代簡約風格

我們目前的手機UI介面也是承襲了這股風潮



那究竟扁平化的浪潮是為何開始興起的呢?

按照慣例先從歷史開始講起~

-

19世紀的英國是維多利亞女王在位統治

而那時候的建築風格統一稱為維多利亞風格(Victorian Style)

外觀華麗精緻,折衷了歷史詮釋和歌德復興式建築的特色



(由 © User:Colin / Wikimedia Commons, CC BY-SA 3.0)

經過了第一次世界大戰後

困苦的生活對比上豪奢的建築

人們覺得華而不實,開始厭倦了這樣的風格


之後一位德國建築設計師Walter Gropius成立了包浩斯(Bauhaus)藝術學院



相信有讀過藝術史、設計史的各位都不陌生

主張忠於原材質的特性,去除多餘的裝飾

少即是多(less is more),設計的主軸強調實用、功能性導向

而這也影響了往後工業設計、現代美術的發展。


 

後來這股風潮傳到了瑞士

瑞士的平面設計風格繼承了包浩斯主義,成為瑞士風格(Swiss Style)

1957年,瑞士兩名平面設計師發布了一款稱為「Helvetica」的無襯線字體



拋棄裝飾襯線,保留主幹,造型簡明有力

在閱讀時能更專注於文字本身想傳達的內容

瑞士風格的平面設計多採用無襯線字體,所以也可稱為國際主義設計風格

此款字體推出後紅遍全球

也成為現今商標設計常用字體。


隨著時間的推進,設計風格不斷地更替

流行一陣子後大家就會想換換口味


 

至於扁平化設計又是如何再次流行起來呢?

這就要講到蘋果與微軟的世紀大戰了


早期的Mac與微軟系統都是使用「擬真化設計

第一代iPhone則是外型上簡約,系統圖示擬真,同時兼具

後來蘋果的成功讓微軟也想與之模仿競爭結果失敗了

當時出的一款音樂播放器「Zune」雖然銷售不佳



可是裡面的介面風格卻被留了下來

延用至Windows Phone 7、Windows 8

(跟我們現在使用的Windows系統設計比較相近)


後來蘋果在iOS 7也開始使用扁平化的設計風格

至此人們開始捨棄習慣的擬真化設計,扁平化又開始成為了主流



或許這也跟現代人使用電子產品的習慣改變有關

手機使用的時間比電腦長

而且各家廠牌的尺寸又不一樣

為求一致的體驗,勢必刪除一些過於繁雜的設計


這樣的設計還有其他優點

比如說瀏覽的易讀性、細節簡化也可以加快設計的速度

降低手機的消耗流量,手機載入的速度也會變得更快

但也會更要求整體介面的顏色調和,怎樣的配色是好看的

要顧慮到顏色所產生的氛圍,這就得看不同UI設計師的功力了!


大概就介紹到這裡~

是否對於扁平化設計有更深入的了解呢?


如果想要看更詳細歷史演變可以看Stockfeel寫的文章


(以上圖源均來自於網路,如有侵權請告知)

-

Featured Posts

Archive

Search By Tags

尚無標記。

Follow Us

  • Facebook Basic Square
  • Twitter Basic Square
  • Google+ Basic Square
bottom of page