淺析扁平化風(fēng)格如何高效地在網(wǎng)頁設(shè)計中應(yīng)用

白昌琮

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

關(guān)鍵詞：扁平化風(fēng)格;網(wǎng)頁設(shè)計;基本要素;

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

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

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

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

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

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

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

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

其次，在與網(wǎng)頁設(shè)計結(jié)合的同時，也不應(yīng)該忽略網(wǎng)頁設(shè)計的要求，在有了明確的主題并且使用扁平化風(fēng)格對網(wǎng)頁進(jìn)行設(shè)計需要遵循相應(yīng)的原則。筆者認(rèn)為扁平化風(fēng)格的網(wǎng)頁設(shè)計有三大原則。

清晰原則，在網(wǎng)頁設(shè)計中，扁平化風(fēng)格的主要內(nèi)涵不是設(shè)計感，目的是為了讓用戶更容易去接受內(nèi)容，在使用中要讓用戶快速的了解圖標(biāo)等元素表達(dá)內(nèi)容，簡單易懂，清晰明了。

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

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

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

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

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

參考文獻(xiàn)：

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

曹舒《淺析扁平化設(shè)計在現(xiàn)代設(shè)計中的地位和作用》 期刊：《美術(shù)教育研究》 2014