扁平化設(shè)計在網(wǎng)頁上的運用優(yōu)勢

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了扁平化設(shè)計在網(wǎng)頁上的運用優(yōu)勢范文，希望能給你帶來靈感和參考，敬請閱讀。

一、界面元素設(shè)計

扁平化設(shè)計使用的是正方形、長方形或者多邊形等這樣的基本形狀，這些二維圖形弱化了視覺上的復(fù)雜性，讓瀏覽者不會過多的關(guān)注圖形，而是強化了要表達的內(nèi)容和信息，更加容易識別。當然，設(shè)計師也要了解每個元素所代表的含義與作用，并且應(yīng)使用不同的形式來加以區(qū)別。扁平化設(shè)計強調(diào)的是信息本身，而不是繁復(fù)多余的界面元素。瀏覽者在瀏覽網(wǎng)頁時，主要是獲取信息，界面元素的主要功能是提示瀏覽者迅速找到他們所需要的信息。扁平化設(shè)計由于界面元素的簡單且易于查找，所以更適合那些近視者和弱視者，能幫助到這些有特殊需求的人群。

二、色彩

扁平化設(shè)計頁面中，因為追求極簡主義，所以沒有其他多余的裝飾。因此，設(shè)計者在設(shè)計時需要更加注意色彩的搭配，這樣將會收到更好的視覺效果。從色塊、圖形、導(dǎo)航到版面，色彩是一個關(guān)鍵的組成元素，好的色彩搭配會給人帶來愉悅的心情和完美的視覺享受?？偨Y(jié)扁平設(shè)計的色彩搭配大致分為兩種：同類色搭配：同類色搭配，最常用的是把同一種顏色的黑、白、灰三種色調(diào)結(jié)合在一起，形成層次上的對比。在扁平化設(shè)計中，單色的使用不僅能分清層次感，同時也能把握住整體感。如圖1，網(wǎng)頁的背景使用了一張深灰的圖片，界面元素則使用了紅色系的同類色搭配。在導(dǎo)航部分運用了扁平化設(shè)計的樣式，使用了與標志相同顏色的色塊來展示。設(shè)計者通過調(diào)整色彩的飽和度以及透明度使單色產(chǎn)生一定的變化，使頁面不單調(diào)，反看起來整體感十足，同時增加了信息的辨識度，讓人一目了然。對比色：對比色搭配的使用可以使頁面看起來極富活力又有豐富的色彩變幻，視覺效果醒目。在使用對比色進行搭配時，設(shè)計師要注意到在設(shè)計時應(yīng)當先了解網(wǎng)頁的主題，選用合適的顏色進行搭配。如圖2，是一家房地產(chǎn)中心的首頁，導(dǎo)航部分的扁平化設(shè)計運用了多種顏色來進行搭配。導(dǎo)航中的藍色，綠色有藍天，草地的寓意，間接烘托出小區(qū)優(yōu)美的環(huán)境。黃色與藍紫色是對比色，對比色會帶給人一種色彩撞擊的感覺，增強了畫面的對比感，增添活力，使人眼前一亮。整體來看，網(wǎng)頁的背景色又與導(dǎo)航的顏色相呼應(yīng)，這樣不僅不會覺得顏色雜亂，反而有很好的集中視線的感覺。

三、布局

扁平化設(shè)計基本使用的是網(wǎng)格布局，網(wǎng)格布局能使網(wǎng)頁更便于使用，減少使用過程中的反復(fù)性，提升識別性。扁平化設(shè)計中刪除了網(wǎng)格布局中多余的線條和邊框，使用單純的二維色塊對頁面進行大膽的分割，色塊上使用大小不一的文字來標示內(nèi)容中心或是使用多標題圖片，都可容納更多的內(nèi)容，使每個圖標都有屬于自己的獨特風格，同時內(nèi)容從一個邊緣流向另一個邊緣，在一個軸上進行活動，增加了穩(wěn)定感。在頁面上，扁平化設(shè)計還會有大部分的留白，很多交互式設(shè)計都會在網(wǎng)頁中盡可能的添加內(nèi)容，這樣反而讓使用者不能準確的分辨出網(wǎng)頁要傳達的主題是什么，更多的留白空間才能使瀏覽者關(guān)注到主要信息。

四、字體

設(shè)計師通過文字來向瀏覽者傳遞信息，提供導(dǎo)航服務(wù)。而字體的選擇不僅要符合扁平化設(shè)計的簡約風格，同時還要符合整個頁面主題的設(shè)計風格。一般扁平化風格的頁面會使用無襯線的簡單字體，并且大多只使用一種字體，再通過對字體的放大、縮小進行排版，文字的不同排版同樣也可以帶來不同的視覺體驗，例如字號較大，或是粗體，都能幫助瀏覽者輕易地識別元素的指定功能，這樣在內(nèi)容上創(chuàng)造了一定的層次感。同時使用對比色的字體，可以提升內(nèi)容的易讀性和可讀性。

網(wǎng)站界面風格似乎都在遵循著同一種設(shè)計審美，即：用擬物化的設(shè)計效果來突出界面元素的質(zhì)感。隨手打開一個網(wǎng)頁，我們就可以看到這樣的設(shè)計，不免會產(chǎn)生視覺疲勞。而扁平化設(shè)計既簡單又明了，設(shè)計起來也非常方便。扁平化設(shè)計風格的逐漸興起可以看作是對網(wǎng)頁界面多年以來對過度設(shè)計的一次沖擊。設(shè)計的本質(zhì)是形式服務(wù)于功能，作為設(shè)計師，我們不僅要考慮視覺呈現(xiàn)方面的問題，而最重要的是應(yīng)當關(guān)注到產(chǎn)品的功能上。（本文作者：張蕓 單位：中南民族大學(xué)美術(shù)學(xué)院）