干貨 | 扁平化設計，究竟怎么扁，怎么平？

時間：2023-09-19 16:24:02 | 來源：網(wǎng)站運營

時間：2023-09-19 16:24:02 來源：網(wǎng)站運營

干貨 | 扁平化設計，究竟怎么扁，怎么平？：


越來越多的“大廠”，
都不約而同的換上了扁平化Logo，
比如YouTube、ebay、Spotify、Twitter等。
究竟扁平化設計是什么？
為什么能掀起如此熱潮？
今天就來揭曉謎底！

什么是扁平化設計？
WHAT IS FLAT DESIGN


扁平化設計放棄了所有 3D 化、維度概念，將畫面完完全全的以平面方式呈現(xiàn)。

舍棄陰影、光影、斜角等相對于平面的凹凸效果，狹義一點的定義甚至可以說，扁平化設計用色塊來組成視覺介面。


最早的扁平化設計可以追溯到二十世紀初。

1920年代時，第一次世界大戰(zhàn)方結束、百廢待興，人們開始對于原先流行的維多利亞風格(Victorian Style)感到厭倦——奢華、繁復而不實。

戰(zhàn)后，崇尚樸素簡約的包豪斯主義崛起。隨后流行至瑞士，以平面設計的形式被發(fā)揚光大。

然而物極必反，當人們厭倦了理性嚴謹?shù)娜鹗匡L格設計后，以Weingart為首的一群設計師引領了一場對抗瑞士版面設計的后現(xiàn)代主義革命。

看到這里你肯定會奇怪，扁平化設計的發(fā)展接下來會是怎樣？

直到2006年，微軟推出了一款音樂播放器Zune，它是裝置介面采用扁平化設計的開端——介面風格十分簡潔，頁面選單采用放大、單一色的小寫無襯線字體。

2010年，微軟發(fā)布了Windows Phone 7。

延續(xù)了Zune的設計理念，Windows Phone的排版相當清晰──以銳邊的純色色塊組成網(wǎng)格狀的介面、無襯線字體、扁平化的圖示。

隔年，蘋果“參考”了微軟的扁平化設計，推出了iOS 7系統(tǒng)。

iOS 7有著與之前版本完全不同的視覺設計 ──使用Helvetica做為系統(tǒng)字型，且字體更為纖細。去除了陰影、漸層色、皮革材質等裝飾，應用程式的圖示變得更加銳利和平面感。

扁平化設計大多可以與極簡、整潔牽上一點關系，雖說是極簡效果，但是對設計者來說并沒有減輕他們的負擔，反而有全新的煩惱。

該用什么顏色？該怎么組成以及排版？

由于拋棄了許多效果，再也不能以華麗的方式來奪取目光巧掩弱勢，設計師本身的品味以及專業(yè)技能馬上會被放大檢視。

扁平化設計的五大要素
FIVE ELEMENTS OF FLAT DESIGN


1. 可用性與符號意義

在近些年的非扁平化網(wǎng)頁設計的影響之下，某些符號在使用者的心中具有獨特的意義。

你初來乍到一個陌生語言的網(wǎng)頁，上面的字一個都看不懂，但是你也許知道哪個按鈕是上一頁、哪一個按鈕是繼續(xù)閱讀、哪一個按鈕是回到最上面。

而扁平化設計你必須注意到這點，你所設計出來的不管是按鈕、鏈接，都必須讓使用者一目了然，了解其可用之處。

就像 Facebook 網(wǎng)站一樣，融入在色塊的按鈕，如果今天是在一個陌生的網(wǎng)頁上，使用者要如何快速了解按鈕的功能呢？

2. 色彩、色塊與對比的應用

顏色的使用無疑是設計師的最大挑戰(zhàn)。

色彩更是扁平化設計的重點，不同的顏色帶給使用者不同的視覺感受，也會給人完全不同的內心反應。

就如同各種品牌的顏色給人不同的感覺一樣。如何熟練的使用這些顏色，除了設計師的品味與美感之外，或者還需要懂一些色彩心理學。

3. 排版的藝術

除了色彩之外，其他傳遞美感的媒介就是排版技術了，好的排版技術可以更精準的傳遞設計師的理念與色彩的力量。

4. 是整潔、極簡，而不是粗劣

扁平化設計具有簡單、整潔、直接的特性，并沒有太多裝飾與附加效果；但是簡單、整潔的界面并不代表粗劣、半吊子的未完成作品。

設計師應該下更多功夫，而不是將斷垣殘骸端上桌。

5. 建立層級結構

普通的網(wǎng)頁為了劃分層級結構可能會做一些按鈕點擊變化，盡管有些扁平化設計的按鈕也有這種變化，但仍需做得更明顯并不失美感。

比起其他設計，特色為極簡、整潔的扁平化設計在建立層級結構上就又困難了一點，因為還需要確保所增加的劃分層級效果不失美感，符合整體的主題。


想要深入學習扁平化設計，
需要有系統(tǒng)全面的平面設計知識作為支撐。
關注萊佛士設計學院，
我們共同在設計領域不斷成長。

·圖片來自網(wǎng)絡，侵刪