論點(diǎn)、線(xiàn)、面在扁平化設(shè)計(jì)中的應(yīng)用

劉春影

摘 要：點(diǎn)線(xiàn)面是所有設(shè)計(jì)中最基本的形態(tài)元素，沒(méi)有它們就無(wú)法呈現(xiàn)出設(shè)計(jì)師的設(shè)計(jì)理念。比如扁平化設(shè)計(jì)、標(biāo)志設(shè)計(jì)、商品包裝、廣告設(shè)計(jì)等，都離不開(kāi)點(diǎn)線(xiàn)面的相互融合和相互轉(zhuǎn)換，由此產(chǎn)生許許多多的形式美的變化。如何運(yùn)用好點(diǎn)線(xiàn)面三種元素，增強(qiáng)美感達(dá)到較好的視覺(jué)效果，對(duì)于扁平化設(shè)計(jì)有著非常重要的作用。

關(guān)鍵詞：點(diǎn)線(xiàn)面；扁平化設(shè)計(jì)；設(shè)計(jì)元素；應(yīng)用

中圖分類(lèi)號(hào)：TU986 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）35-0079-01

近些年來(lái)，越來(lái)越多的程序變得平面化了，比如微軟、谷歌等，甚至蘋(píng)果公司設(shè)計(jì)師也說(shuō)過(guò)要蘋(píng)果會(huì)逐漸扁平化一點(diǎn)。為什么會(huì)出現(xiàn)這種趨勢(shì)？很大程度上是源于過(guò)去幾年里對(duì)過(guò)度裝飾的一種反抗，扁平化設(shè)計(jì)是一次變革，也是社會(huì)的一大進(jìn)步，因?yàn)楫?dāng)前許多設(shè)計(jì)中都過(guò)多地裝飾一些對(duì)用戶(hù)體驗(yàn)來(lái)說(shuō)毫無(wú)用處的動(dòng)畫(huà)和插圖。扁平化設(shè)計(jì)符合新時(shí)代的發(fā)展要求，成為一種必然趨勢(shì)，為人們帶來(lái)簡(jiǎn)潔之美也越來(lái)越受到人們的重視。點(diǎn)線(xiàn)面作為所有設(shè)計(jì)元素中的最基本元素，其在扁平化設(shè)計(jì)中的應(yīng)用尤為重要。

一、扁平化設(shè)計(jì)的基本內(nèi)涵

扁平化設(shè)計(jì)指的是拋棄陰影、紋理、漸變、高光等擬真視覺(jué)效果，通過(guò)簡(jiǎn)化、抽象、符號(hào)化的設(shè)計(jì)元素，打造出一種看上去更加“平”的界面，既去除仿真和立體效果，同時(shí)也將界面和按鈕拍的更“扁”，其核心內(nèi)容是放棄一切裝飾效果，努力讓所有元素的邊界都能保持干凈利落的狀態(tài)，去掉冗余繁雜的界面和交互，沒(méi)有任何漸變、羽化和陰影效果。①扁平化設(shè)計(jì)簡(jiǎn)約而不簡(jiǎn)單，賦予其一流的網(wǎng)格和高超的色彩設(shè)計(jì)，能夠讓看久擬物化的用戶(hù)達(dá)到感官上的煥然一新；扁平化設(shè)計(jì)很大程度上弱化了漸變、陰影、紋理等能造成透視感效果的元素的干擾，能夠有效突出主題，讓用戶(hù)更加專(zhuān)注于設(shè)計(jì)內(nèi)容的本身要素；扁平化設(shè)計(jì)從難度上相對(duì)來(lái)說(shuō)更加容易些，優(yōu)秀的扁平化設(shè)計(jì)只需要保證有合理的架構(gòu)、條理清晰的網(wǎng)格和突出的排版布局，以及高超的色彩運(yùn)用即可。

二、點(diǎn)、線(xiàn)、面的主要特點(diǎn)

平面設(shè)計(jì)指的是不同形狀的圖形，按照一定的在平面上組合成一定圖案，其中包含著無(wú)數(shù)種千變?nèi)f化的元素，但歸根結(jié)底不外乎點(diǎn)線(xiàn)面三種，點(diǎn)線(xiàn)面三者之間的相互融合與轉(zhuǎn)換便構(gòu)成了世界上最好的設(shè)計(jì)。點(diǎn)線(xiàn)面之間有著不可分割的密切關(guān)系：點(diǎn)連續(xù)延伸成為線(xiàn)，密集成片組成面。

1.點(diǎn)是三者中相對(duì)較小的元素，是最基本也是最重要的元素，它與面相比較而形成，面對(duì)同樣一個(gè)圓圈，當(dāng)它布滿(mǎn)整個(gè)圖形時(shí)，便形成了面，當(dāng)其在同一幅構(gòu)成中多次出現(xiàn)時(shí)，我們便可以將其理解成點(diǎn)。

2.線(xiàn)是分割空間和引導(dǎo)指向的最好元素，是點(diǎn)運(yùn)動(dòng)后而形成的一種具有方向、位置和長(zhǎng)度的幾何體，在設(shè)計(jì)中同樣有著非常重要的作用。與點(diǎn)強(qiáng)調(diào)位置和聚集不同，線(xiàn)更注重方向和外在形狀。線(xiàn)組成面的輪廓線(xiàn)。②

3.面是點(diǎn)密集的結(jié)果，有長(zhǎng)度和寬度，具有一定的形狀。線(xiàn)在分割產(chǎn)生不同比例空間的同時(shí)，也形成了各種不同形狀的面。

三、點(diǎn)線(xiàn)面在扁平化設(shè)計(jì)中的應(yīng)用

1.點(diǎn)在扁平化設(shè)計(jì)中的應(yīng)用。由于點(diǎn)在平面中是相對(duì)于其他元素而言最容易吸引人視線(xiàn)的元素，因此其最重要的功能便是注明位置并加以聚集，容易起到畫(huà)龍點(diǎn)睛的作用。當(dāng)點(diǎn)位于幾何圖案的中心時(shí)，則會(huì)產(chǎn)生較強(qiáng)的視覺(jué)效果和心理作用，表現(xiàn)給人一種心理上和情感上的重量感；當(dāng)點(diǎn)偏離幾何中心，左傾或者右傾時(shí)，容易形成向心移動(dòng)的趨勢(shì)；當(dāng)點(diǎn)處于邊緣位置時(shí)，又會(huì)給人一種離心的動(dòng)感。由此可知，點(diǎn)的位置在設(shè)計(jì)中的重要性不言而喻。

2.線(xiàn)在扁平化設(shè)計(jì)中的應(yīng)用。不同的線(xiàn)蘊(yùn)含著不同的含義。細(xì)線(xiàn)相對(duì)銳利干脆；粗線(xiàn)相對(duì)強(qiáng)勁有力。以線(xiàn)中的直線(xiàn)和曲線(xiàn)作對(duì)比，直線(xiàn)穩(wěn)定、有力，帶給人堅(jiān)定的信心；曲線(xiàn)柔軟優(yōu)雅，給人聯(lián)想到流動(dòng)感和纖細(xì)美感。因此，在平面設(shè)計(jì)中合理運(yùn)用不同的線(xiàn)，是傳達(dá)設(shè)計(jì)理念的有效呈現(xiàn)方式。我們?nèi)粘Ｉ钪须S處可見(jiàn)線(xiàn)在扁平化設(shè)計(jì)中的應(yīng)用，比如蘋(píng)果手機(jī)，采用棱角分明的線(xiàn)條，帶給人干凈利落的感覺(jué)，具有非常棒的美學(xué)體驗(yàn)。

3.面在扁平化設(shè)計(jì)中的應(yīng)用。不同的面營(yíng)造出不同的空間效果，能給欣賞者帶來(lái)對(duì)空間的認(rèn)同感，尤其是好的面常會(huì)以難以預(yù)測(cè)到的方式打動(dòng)觀賞者的情感，給人一種充實(shí)、整體、穩(wěn)定的視覺(jué)效果。而面與面前后疊壓的位置關(guān)系又構(gòu)成空間層次。當(dāng)前社會(huì)，無(wú)論是網(wǎng)站還是應(yīng)用程序，扁平化設(shè)計(jì)都被廣泛運(yùn)用，正在成為新的發(fā)展趨勢(shì)。作為手機(jī)領(lǐng)域的風(fēng)向標(biāo)的蘋(píng)果手機(jī)，其部分應(yīng)用設(shè)計(jì)界面，就使用了扁平化設(shè)計(jì)，深受用戶(hù)喜愛(ài)。③同時(shí)，我們發(fā)現(xiàn)在微軟的Win8和windowsRT的metro界面中，都使用了完全的扁平化設(shè)計(jì)，達(dá)到了非常好的用戶(hù)體驗(yàn)效果。

四、結(jié)語(yǔ)

總而言之，扁平化設(shè)計(jì)帶著濃重的時(shí)代氣息正悄然而來(lái)，我們欣然接受、順勢(shì)而為，設(shè)計(jì)師必然根據(jù)用戶(hù)需求和用戶(hù)情感合理有效利用點(diǎn)線(xiàn)面元素，完美地展現(xiàn)設(shè)計(jì)理念，使點(diǎn)線(xiàn)面元素充分發(fā)揮其應(yīng)有的視覺(jué)效果，讓設(shè)計(jì)更加精彩動(dòng)人，從而帶給人們心理和視覺(jué)上的強(qiáng)烈沖擊。

注釋?zhuān)?/p>

①李勤.論點(diǎn)線(xiàn)面在建筑設(shè)計(jì)中的應(yīng)用--以湖州市全民健身中心設(shè)計(jì)方案為案例[J].工程建設(shè)，2017（06）：21-22.

②武建梅，宋立新.關(guān)于標(biāo)志扁平化設(shè)計(jì)的一些思考[J].中國(guó)高校人文社會(huì)科學(xué)信息網(wǎng)，2015（10）：56-57.

③曹舒.淺析扁平化設(shè)計(jì)在現(xiàn)代設(shè)計(jì)中的地位和作用[J].美術(shù)教育研究·視覺(jué)設(shè)計(jì)，2016（04）：90-91.endprint