淺談扁平化設(shè)計(jì)的構(gòu)成要素

朱宇婷錢琳

（安徽工程大學(xué)機(jī)電學(xué)院，安徽 蕪湖 241000）

淺談扁平化設(shè)計(jì)的構(gòu)成要素

朱宇婷錢琳

（安徽工程大學(xué)機(jī)電學(xué)院，安徽 蕪湖 241000）

隨著微軟及iPhone的發(fā)展，扁平化設(shè)計(jì)一詞也隨之出現(xiàn)，它所倡導(dǎo)的簡(jiǎn)約，逐漸被用戶認(rèn)可、接受并欣賞。各大網(wǎng)頁(yè)的首頁(yè)也紛紛改版，較之以前變得更加簡(jiǎn)潔干練。手機(jī)上的界面設(shè)計(jì)將扁平化設(shè)計(jì)表現(xiàn)的的更加淋漓盡致。本文將從扁平化風(fēng)格的起源，深入剖析扁平化設(shè)計(jì)原則，從外形元素、排版到配色來(lái)分析扁平化設(shè)計(jì)的構(gòu)成。

扁平化；設(shè)計(jì)原則；元素；排版；配色

一、扁平化設(shè)計(jì)思潮的來(lái)源

對(duì)于很多不了解扁平化理念的人，簡(jiǎn)單的說(shuō)，扁平化設(shè)計(jì)就是指摒棄高光、陰影等能造成透視感的效果，通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)，界面上極簡(jiǎn)抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足，讓人去意會(huì)。其核心在于功能本身的使用，所以去掉了冗余的界面和交互。通過(guò)這種極簡(jiǎn)的風(fēng)格可以讓設(shè)計(jì)更具有時(shí)代感，強(qiáng)有力的突出設(shè)計(jì)中的內(nèi)容和信息，備受當(dāng)今設(shè)計(jì)師們的青睞。

同時(shí)現(xiàn)代藝術(shù)運(yùn)動(dòng)奠定了扁平化設(shè)計(jì)理念的思想基礎(chǔ)，現(xiàn)代主義最鮮明的主張是：“少則多”。它反對(duì)裝飾的繁瑣，提倡簡(jiǎn)潔的集合形式，現(xiàn)代主義在平面設(shè)計(jì)上作出了很大的貢獻(xiàn)。包豪斯設(shè)計(jì)思想對(duì)扁平化設(shè)計(jì)理念也起到了的決定性作用，包豪斯講究設(shè)計(jì)與材料的融合，以人為本，堅(jiān)持少即是多的設(shè)計(jì)理念。這些歷史的發(fā)展奠定了現(xiàn)代扁平化思想的基礎(chǔ)。

此外，由于人們生活日趨繁忙，復(fù)雜的裝飾似乎變成了一種累贅，這時(shí)，提倡形式遵循功能的現(xiàn)代主義風(fēng)格就更加符合人們的口味。簡(jiǎn)潔的界面呈現(xiàn)方式，更容易抓住人們的眼球，并能在短時(shí)間內(nèi)快速的獲取有效信息，更加適應(yīng)人們快節(jié)奏的辦公、生活環(huán)境。而且消費(fèi)者的審美特點(diǎn)是一個(gè)螺旋式的循環(huán)過(guò)程，以具象表現(xiàn)為代表的擬物化設(shè)計(jì)已經(jīng)占據(jù)領(lǐng)導(dǎo)地位，這必將導(dǎo)致一種新的風(fēng)格的出現(xiàn)，它就是扁平化。

二、簡(jiǎn)單的外形作為設(shè)計(jì)元素

扁平化設(shè)計(jì)通常采用許多簡(jiǎn)單的界面元素，諸如按鈕或者圖標(biāo)之類。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外形（矩形或者圓形），并且盡量突出外形，這些元素一律為直角（極少的一些為圓角）。這些界面元素方便用戶點(diǎn)擊，這能極大的減少用戶學(xué)習(xí)新交互方式的成本，因?yàn)橛脩魬{經(jīng)驗(yàn)就能大概知道每個(gè)按鈕的作用。

最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等能做出3D效果的元素一概不用，所有的元素的邊界都干凈利落，沒(méi)有任何羽化、漸變或者陰影。尤其在手機(jī)的界面上，由于屏幕的限制，更少的按鈕和選項(xiàng)使得界面格外簡(jiǎn)單。例如：IOS7較之于IOS6簡(jiǎn)潔的多，簡(jiǎn)單的線條，刺眼的留白，鮮艷的顏色，少了很多裝飾的應(yīng)用圖標(biāo)，之前的IOS6凹凸變化、握柄、壓花、陰影、內(nèi)發(fā)光等設(shè)計(jì)元素占去了60%的顯示屏空間，IOS7則去掉了這些裝飾，直接讓你可以看到來(lái)電者的大照片。

此外，扁平化除了簡(jiǎn)單的形狀之外，還包括大膽的配色。但是需要注意的是，扁平化設(shè)計(jì)不是說(shuō)簡(jiǎn)單的搞些形狀和顏色搭配起來(lái)就行，它和其他設(shè)計(jì)風(fēng)格一樣，是由許多的概念與方法組成的。

三、優(yōu)化的排版

由于扁平化設(shè)計(jì)的使用特別簡(jiǎn)單的元素，排版就成了很重要的一環(huán)節(jié)，排版好壞直接影響視覺效果，甚至可能間接影響用戶體驗(yàn)。

字體是排版中很重要的一部分，和其他元素相輔相成。想想看，一款花體字在扁平化的界面里得有多突兀。而無(wú)襯線字體家族龐大、區(qū)分之眾多，其中有些字體會(huì)在特殊的情景下會(huì)有意想不到的效果。但注意，過(guò)猶不及，不要使用那些極為生僻的字體，因?yàn)楸２积R它就把你帶進(jìn)坑里了。

如何使用字體也是一門學(xué)問(wèn)，要學(xué)會(huì)讓不同的字體表達(dá)不同的概念，通過(guò)字體告訴用戶這某一設(shè)計(jì)或功能的含義，努力使字體成為你簡(jiǎn)化設(shè)計(jì)的有力武器。

四、讓人難忘的配色

扁平化設(shè)計(jì)中，配色貌似是最重要的一環(huán)，扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮、絢麗的顏色。同時(shí)，扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如，其他設(shè)計(jì)最多只包含兩三種主要顏色，但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種。

而且扁平化設(shè)計(jì)中，往往傾向于使用單色調(diào)，尤其是純色，并且不做任何淡化或柔化處理（最受歡迎的顏色是純色和二次色）。另外還有一些顏色也挺受歡迎，如復(fù)古色（淺橙、紫色、綠色、藍(lán)色等）。

在一些扁平化設(shè)計(jì)的網(wǎng)頁(yè)上或是手機(jī)界面上會(huì)發(fā)現(xiàn)，他們使用的色彩比那些非扁平化設(shè)計(jì)的網(wǎng)頁(yè)更加明亮更加有活力。在如此的聚焦于簡(jiǎn)潔之后，扁平化設(shè)計(jì)給予了網(wǎng)頁(yè)色彩這樣的基本設(shè)計(jì)元素增添更多光彩的機(jī)會(huì)。在基本色和輔助色已經(jīng)是很流行的常見色的情況下，多色相即使沒(méi)有什么多余的元素，但已是充滿活力。至于現(xiàn)在，有些顏色似乎比其他的顏色更受歡迎：復(fù)古的顏色（藍(lán)色，綠色，紫色，橙色）。

以上三大要素構(gòu)成了扁平化設(shè)計(jì)的核心表現(xiàn)手法，目前，國(guó)內(nèi)的設(shè)計(jì)行業(yè)越來(lái)越受到重視，人們對(duì)設(shè)計(jì)的要求也越來(lái)越高。一些設(shè)計(jì)師、公司開始了扁平化的嘗試，很多我們?nèi)粘Ｊ褂玫降木W(wǎng)站，都在慢慢的發(fā)生變化，開始使用簡(jiǎn)潔的表現(xiàn)方式，更加注重信息的排版和交互流程，去掉了復(fù)雜、毫無(wú)意義的元素，通過(guò)良好的顏色搭配和設(shè)計(jì)布局，讓其設(shè)計(jì)顯得更有質(zhì)感也更能突顯出設(shè)計(jì)師的個(gè)人功底。在網(wǎng)頁(yè)設(shè)計(jì)、界面設(shè)計(jì)無(wú)處不體現(xiàn)著扁平化設(shè)計(jì)，甚至這種簡(jiǎn)約的外形及配色理念將影響到建筑設(shè)計(jì)、包裝設(shè)計(jì)、海報(bào)設(shè)計(jì)等各個(gè)設(shè)計(jì)領(lǐng)域，更加的符合用戶的審美需求及交互體驗(yàn)。

TB472

A

1005-5312（2014）32-0262-01