平面構(gòu)成元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

楊驍

摘 要：隨著電腦的普及，互聯(lián)網(wǎng)技術(shù)已經(jīng)逐漸融入到人們的日常生活當(dāng)中，而網(wǎng)頁(yè)設(shè)計(jì)作為對(duì)一個(gè)企業(yè)進(jìn)行品牌塑造、產(chǎn)品展示、文化宣傳的重要表現(xiàn)窗口，受到了各個(gè)企業(yè)與研究者的重視，因此對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的研究和創(chuàng)新理念逐漸推陳出新，本文從平面構(gòu)成元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用入手，通過(guò)細(xì)致的剖析，全面分析網(wǎng)頁(yè)設(shè)計(jì)中對(duì)平面元素的運(yùn)用方式和方法，為促進(jìn)網(wǎng)頁(yè)的創(chuàng)新發(fā)展提供借鑒。

關(guān)鍵詞：平面構(gòu)成；網(wǎng)頁(yè)設(shè)計(jì)；創(chuàng)新發(fā)展

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）15-0158-01

一、平面構(gòu)成與網(wǎng)頁(yè)設(shè)計(jì)的基本概念

（一）平面構(gòu)成的含義

平面構(gòu)成作為一種視覺(jué)元素在二次元的平面之上，依據(jù)一種“美”的視覺(jué)效果，采用力學(xué)的原理通過(guò)編排和組合，進(jìn)而通過(guò)理性和邏輯推理性來(lái)對(duì)相關(guān)形象、研究對(duì)象之間進(jìn)行重新組合和排列的方法，是理性和感性之間完美結(jié)合的重要產(chǎn)物。

（二）網(wǎng)頁(yè)設(shè)計(jì)的含義

網(wǎng)頁(yè)設(shè)計(jì)，其英文名稱為“web design”，也可以為“Web UI design”，主要是企業(yè)想要通過(guò)一定的頁(yè)面信息和展示，來(lái)向?yàn)g覽者傳遞大量本企業(yè)的服務(wù)、產(chǎn)品以及文化等信息，因此，良好的網(wǎng)頁(yè)頁(yè)面美化設(shè)計(jì)，能夠?qū)ζ髽I(yè)的宣傳以及企業(yè)后期的品牌構(gòu)建具有重要的影響。

二、平面構(gòu)成與網(wǎng)頁(yè)之間存在的關(guān)系

（一）網(wǎng)頁(yè)設(shè)計(jì)是基于平面元素基礎(chǔ)上的一種“美”的體現(xiàn)

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，其組成主要是依據(jù)平面設(shè)計(jì)中點(diǎn)、線、面、色等單元來(lái)重新構(gòu)成全新的單元體系，于此同時(shí)還會(huì)表現(xiàn)出對(duì)視覺(jué)以及力學(xué)上的一種詮釋。例如：對(duì)其立體表現(xiàn)的時(shí)候，主要依據(jù)輪廓造型來(lái)進(jìn)行實(shí)現(xiàn)，因此可以說(shuō)在一個(gè)平面上，利用不同的基礎(chǔ)形態(tài)，參照某個(gè)特點(diǎn)規(guī)律來(lái)組合圖形，同時(shí)考慮網(wǎng)頁(yè)的基礎(chǔ)單元，更能夠抽象的描繪出網(wǎng)頁(yè)格局當(dāng)中的點(diǎn)、線、面，可按照平面組成的機(jī)理來(lái)參與構(gòu)成，形成一定的美感。

（二）二者所表現(xiàn)的是一種“視覺(jué)”上的體驗(yàn)

不管是平面設(shè)計(jì)還是網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，都是一種視覺(jué)藝術(shù)的體現(xiàn)，同時(shí)也表現(xiàn)出一種特定的藝術(shù)發(fā)展規(guī)律。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，在依托平面形式造型的美作為其發(fā)展和設(shè)計(jì)的基礎(chǔ)性原則，通過(guò)特殊形式的表現(xiàn)特點(diǎn)來(lái)對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行全新表現(xiàn)和規(guī)劃，而這也應(yīng)該屬于平面設(shè)計(jì)的原理。形式美對(duì)于平面組成來(lái)說(shuō)，是關(guān)鍵的表達(dá)方式，有著一定的獨(dú)特性。由于它可以顯露出其他形式美的特點(diǎn)，同時(shí)也可以將其總結(jié)，并使形態(tài)對(duì)于生活來(lái)說(shuō)能夠表現(xiàn)得更突顯，更明顯，更有質(zhì)感。

（三）二者的表現(xiàn)是一種“動(dòng)態(tài)”上的融合

對(duì)于二者表現(xiàn)當(dāng)中所凸顯的形式美則主要包括對(duì)整個(gè)事物表現(xiàn)的變化以及概括的特點(diǎn)，同時(shí)也是相稱與平衡、比較與融合、節(jié)奏與韻律等的綜合體驗(yàn)，而在平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，有效的通過(guò)采用這種形式美，可以使得整個(gè)頁(yè)面表現(xiàn)凸顯出神韻的特點(diǎn)，更能展現(xiàn)出一種“動(dòng)態(tài)美”的良好效果。

三、運(yùn)用平面元素合理構(gòu)建網(wǎng)頁(yè)設(shè)計(jì)的基本方法

（一）平面排版在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，頁(yè)面排版作為視覺(jué)傳達(dá)的重要手段，決定著整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的成敗。頁(yè)面排版包括頁(yè)面距、版面設(shè)置、表格處理、頁(yè)碼格式等內(nèi)容，種類繁多，需要設(shè)計(jì)者從中尋找相關(guān)的規(guī)律，并根據(jù)網(wǎng)頁(yè)的形式，利用特異處理，將一些相同的基本型中出現(xiàn)一個(gè)形狀或者大小特異的基本型進(jìn)行整合，進(jìn)而達(dá)到和諧統(tǒng)一的畫(huà)面效果機(jī)理。

（二）通過(guò)平面元素中點(diǎn)、線、面的組合來(lái)增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)的情感效果

平面設(shè)計(jì)中點(diǎn)、線、面是對(duì)整個(gè)畫(huà)面情感特征進(jìn)行表現(xiàn)的重要方法之一，同樣也是凸顯網(wǎng)頁(yè)設(shè)計(jì)情感效果的最佳手法，因此，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，同樣需要對(duì)這三種不同的元素進(jìn)行分析、重新構(gòu)建來(lái)凸顯網(wǎng)頁(yè)的表現(xiàn)主體，一方面，既要滿足設(shè)計(jì)要求，另一方面，還要激發(fā)觀賞者的情感因素。因此，在頁(yè)面設(shè)計(jì)中，要想更好地表達(dá)設(shè)計(jì)主旨與設(shè)計(jì)要求，從而引導(dǎo)觀者的情感，則要從下面的幾點(diǎn)入手：首先，頁(yè)面設(shè)計(jì)中情感特征的體現(xiàn)，主要來(lái)源于點(diǎn)、線、面的綜合運(yùn)用，因此，在設(shè)計(jì)時(shí)，需要通過(guò)對(duì)這三個(gè)要素進(jìn)行分析、搭配以及處理，突出設(shè)計(jì)的主題性。其次，要運(yùn)用平面構(gòu)成的形態(tài)要素，墊定形式美的設(shè)計(jì)法則，利用點(diǎn)、線、面的構(gòu)成，體現(xiàn)頁(yè)面設(shè)計(jì)的發(fā)射構(gòu)成、空間構(gòu)成、打散構(gòu)成，強(qiáng)化設(shè)計(jì)的鄰近對(duì)比、補(bǔ)色對(duì)比、冷暖對(duì)比、面積對(duì)比，從而更好地強(qiáng)化人們的觸覺(jué)肌理和視覺(jué)肌理。另外，要運(yùn)用不同的形態(tài)、材料，重新組合成為一個(gè)新的單元，并賦予視覺(jué)化的、力學(xué)的概念，將相關(guān)基本形任意組合成新的視覺(jué)元素，通過(guò)點(diǎn)、線、面的運(yùn)用，正確處理好各個(gè)元素之間關(guān)系，既要滿足設(shè)計(jì)要求，也要激發(fā)觀賞者的情感因素?？傊?，網(wǎng)頁(yè)設(shè)計(jì)涉及的東西也是比較豐富的，包括廣告類的創(chuàng)意與制作，需要設(shè)計(jì)人員要具備豐富的想象力和創(chuàng)意性思維，與真正的平面廣告宣傳應(yīng)用形成一個(gè)很好的融合。

參考文獻(xiàn)：

[1]蔣桂梅.網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性[J].電腦知識(shí)與技術(shù)，2010（05）.

[2]龍正義.網(wǎng)頁(yè)長(zhǎng)期保存的策略與方法研究[J].檔案管理，2010（03） .

[3]朱松巖.網(wǎng)頁(yè)設(shè)計(jì)之特性分析[J].山東省農(nóng)業(yè)管理干部學(xué)院學(xué)報(bào). 2009（03）.