淺析扁平化風格如何高效地在網頁設計中應用

白昌琮

摘要：當下的社會是一個被數據轟炸的網絡化時代，用戶想要在復雜網絡環境中尋找到對自己有用的信息十分困難，扁平化設計的出現有效緩解了這一癥狀。扁平化風格是近幾年流行的新的設計風格，在網頁設計中用簡單的幾何圖形，同類色與對比色等色彩搭配，使用無襯線字體，去除一切多余的裝飾，盡可能多的弱化干擾元素，用最簡潔的效果高效地向受眾傳遞重要內容。本文通過扁平化設計風格的基本要素與網頁設計原則對扁平化設計風格如何更好地服務網頁進行探討。

關鍵詞：扁平化風格;網頁設計;基本要素;

扁平化風格最開始用于印刷的平面設計中，沒有具體的起始時間點，在二戰之后的瑞士，出現了“國際主義風格”這種風格最突出的特點就是強調版面編排的整潔，清晰，美觀，可讀性和客觀性。注重利用攝影，字體來強化信息的傳達效果。對于所用字體以及圖形的大小，形狀有很密集的安排，達到視覺上的整體性與設計上的統一性，這種風格傳達信息準確，故在當時的設計界風靡一時。所以筆者認為“國際主義風格”在表達形式與設計理念上與當下的“扁平化設計風格”有異曲同工之妙。

在如今人們獲取信息的方式從紙質媒介轉移到了手機、電腦屏幕，近年來互聯網行業發展迅猛，附帶著網站建設的不斷進步與完善，網頁設計的風格和類型也豐富龐雜，用戶在瀏覽繁多的網頁時難免產生視覺上的疲勞。隨著微軟Windows8的發布以及蘋果在2013年扁平化官網的推出，極大地推動了扁平化設計風格在設計界的盛行。有了行業巨頭的帶領，扁平化風格在設計界猶如當年的國際主義風格風靡全球一般在近幾年蔚然成風。扁平化設計的目的為了簡潔、高效，設計的過程簡單流暢，受到了諸多設計者的青睞。接下來根據筆者個人的學習和研究分析扁平化風格在網頁中的應用方法。

扁平化風格是輔助網頁中各個要素的一種設計方式。要邏輯清晰層次分明地向用戶展示網頁內容，接下來通過質感、色彩、文字、排版四要素來分析和探討扁平化設計在網頁設計中的運用。

一、質感更弱，即“弱質化”放棄裝飾并且簡化元素，放棄一切擬物化設計中的裝飾效果并且在外觀上簡化所有元素，用干凈簡潔的視覺效果展現清晰明確的布局與層次，讓用戶可以直接地看到并且熟悉需要的功能與交互方式。對于鏈接、圖標等，放棄了使用強烈的漸變、投影或明暗面來突出效果，而是用簡單的幾何圖形來突出外形。這些元素質感更弱，簡化了用戶的操作，避免了用戶注意力的分散，減少對網站主要內容的忽視。

二、色彩更少，在減弱了多余的視覺干擾之后，為了增強主要內容的吸引力，網頁設計中更加注重色彩的搭配運用，這包括整體的版面設計，導航與按鍵的配色，顏色的搭配方式對抓住用戶眼球起到了關鍵的作用。

同類色搭配與對比色搭配，是設計者在做設計時最常見的兩種色彩搭配方式，在扁平化的網頁設計中也是最常用的兩種色彩搭配方式。在色相性質相同的顏色中，有深淺之分即為同類色，同類色在網頁設計中運用較廣在能夠分清某一元素層次感的同時也不丟失整體感，最常見的就是黑白灰的搭配。對比色的運用較有難度，要考慮到網頁設計的整體風格，避免過強的對比干擾用戶視線。成功的對比色不會分散用戶注意力反而給整個網頁帶來活力的視覺效果。

三、字體簡潔，文字在網站中是除了圖片以外傳遞信息最重要的載體之一，文字可以最直觀的表達情感和訴求。所以字體的選擇是一種直觀、感性的行為，在扁平化設計的網頁中字體大多用無襯線字體，排版上通過加寬字間距與調整字體的大小，讓用戶在閱讀中感到舒適，并且有鮮明的層次感。

四、畫面組合要簡單考究，只有好的版式設計，才會產生高質量的網頁設計。其中最重要的一點就是有鮮明的視覺導向型。通過圖片之間的排列組合，網格布局的設計，拒絕沒有必要的圖片和圖像，只為了給用戶帶來最高效的引導和視覺效果。

其次，在與網頁設計結合的同時，也不應該忽略網頁設計的要求，在有了明確的主題并且使用扁平化風格對網頁進行設計需要遵循相應的原則。筆者認為扁平化風格的網頁設計有三大原則。

清晰原則，在網頁設計中，扁平化風格的主要內涵不是設計感，目的是為了讓用戶更容易去接受內容，在使用中要讓用戶快速的了解圖標等元素表達內容，簡單易懂，清晰明了。

高效原則，扁平化風格應用于網頁設計的主要目的就是突出中心內容、強化信息以達到借助網頁服務用戶的目的。表達形式不要復雜，高效的向用戶傳遞信息，在最短的時間內達到目的，用戶高效的了解整個網頁的內容，才是扁平化的網頁設計應該做到的事情。

友好原則，扁平化設計采取被已被大眾默認的用戶界面元素來創造用戶視覺上的熟悉感。把被大眾認可的標志，例如開始、后退、播放、分享等按鍵進行扁平化設計，再通過形狀以及色彩的設計，讓人有視覺上的親切感，整個頁面的色調也不會引起視覺疲勞，給人舒適的感受，也是扁平化風格的重要原則。

如今的設計風格百花齊放，如何正確看待扁平化風格，是設計者們當前面臨的問題，很多設計師和網站盲目的使用甚至濫用扁平化風格，自以為很時尚前衛，但很多時候達到的效果是相反的。例如涉及到一些復雜的用戶體驗，比如游戲網站等，他們需要的是擬物的設計風格，來放大自己的產品，突出特點，而不單純的扁平。

筆者認為扁平化設計在當下面臨的最大問題是用戶接受程度的問題，受到長期的擬物化風格影響，單純扁平化風格設計的網站，相當數量的用戶群體在短時間內會無法接受，因為一些用戶已經習慣了固有的網頁導航模式，不太能夠接受新的設計風格。如果不考慮用戶體驗盲目追求扁平化風格，注定會造成消極的結果。

最后，沒有哪種設計風格是十全十美的，扁平化不是萬能的，不同的網站要調整自己的風格，才能與要傳遞的內容基調相稱。設計不僅僅是看起來怎么樣，更多是應用和功能，扁平化只是設計者在探索，創新中的一站，未來還會有更前衛時尚的設計風格的出現，畢竟好的設計風格是在改變中得來的，應不斷探索，去創造更適合自己適合時代的設計風格，未來的設計又會有怎樣的風格出現呢？請讓我們共同期待！

參考文獻：

顧雷平《扁平化設計與拓展》 期刊：《上海藝術家》 2014

曹舒《淺析扁平化設計在現代設計中的地位和作用》 期刊：《美術教育研究》 2014