網(wǎng)頁設(shè)計(jì)中視覺元素、美學(xué)和留白藝術(shù)的運(yùn)用發(fā)布者：本站     時(shí)間：2020-05-02 14:05:56

網(wǎng)頁是人們通過計(jì)算機(jī)來獲取信息時(shí)最直接點(diǎn)擊和閱讀的頁面，近年來隨著計(jì)算機(jī)網(wǎng)絡(luò)信息的普及，人們不光對(duì)信息質(zhì)量有著較高的需求，對(duì)頁面是否美觀也漸漸提高了要求。在這種形勢(shì)的推動(dòng)下，頁面的藝術(shù)設(shè)計(jì)是否能夠滿足人們的審美需求，在眾多網(wǎng)站頁面中脫穎而出成為首要的設(shè)計(jì)目標(biāo)。下面將從頁面設(shè)計(jì)中的網(wǎng)頁構(gòu)圖、視覺元素、美學(xué)應(yīng)用和留白技術(shù)四個(gè)方面對(duì)增添網(wǎng)頁藝術(shù)效果進(jìn)行說明。

1、 網(wǎng)頁設(shè)計(jì)中的構(gòu)圖

網(wǎng)頁設(shè)計(jì)構(gòu)圖應(yīng)遵循對(duì)稱均衡、對(duì)比調(diào)和節(jié)奏韻律三大形式原理。

1.1 對(duì)稱與均衡。對(duì)稱是世間自然萬物穩(wěn)定存在的基本形式，在日常生活中也隨處可見。在對(duì)網(wǎng)頁進(jìn)行藝術(shù)設(shè)計(jì)時(shí)，完全遵循對(duì)稱效果未免有一種循規(guī)蹈矩的感覺，很容易使人在瀏覽時(shí)覺得頁面呆板和單調(diào)，不愿意繼續(xù)瀏覽。因此設(shè)計(jì)師們便采用一種不完全對(duì)稱的藝術(shù)手法，使網(wǎng)頁看上去更加生動(dòng)和鮮明，讓人在閱覽時(shí)更加明快。網(wǎng)頁的均衡相對(duì)來說更是一種感官上的藝術(shù)平衡，它將網(wǎng)頁中乍看之下矛盾的、沖突的因素，利用色彩、位置、圖形等元素使之在氣勢(shì)上形成均衡的統(tǒng)一性，在視覺上達(dá)到對(duì)稱平衡的效果。

【圖１】

1.2 對(duì)比與調(diào)和。對(duì)比一般是指在形狀、顏色和線條等不同形式之間的對(duì)立形態(tài)。在藝術(shù)設(shè)計(jì)中，對(duì)比和調(diào)和是相輔相成的。對(duì)比能夠使圖案更加鮮明、活潑，使畫面產(chǎn)生立體感。調(diào)和是將畫面之中的各種元素和諧統(tǒng)一，主次有序，增強(qiáng)畫面的協(xié)調(diào)感。對(duì)比和調(diào)和藝術(shù)手法即是在動(dòng)中求變、變中求序，和諧統(tǒng)一，讓人在瀏覽時(shí)視覺感官舒適。對(duì)比和調(diào)和二者缺一不可，更不能單獨(dú)追求對(duì)比或調(diào)和，避免使畫面雜亂無序。

1.3 節(jié)奏和韻律。韻律就好比音樂中的旋律，不但要有節(jié)奏更要有強(qiáng)烈的感染力。同理，在網(wǎng)頁設(shè)計(jì)中節(jié)奏被認(rèn)為是反復(fù)的形態(tài)和構(gòu)造。例如將圖形按照等距格式的反復(fù)排列，做空間位置安排，就能產(chǎn)生節(jié)奏感，節(jié)奏有機(jī)械美的特點(diǎn)。在節(jié)奏的基礎(chǔ)上加入如漸變或?qū)Ρ鹊确▌t，就可以構(gòu)成富有韻律感的形式。韻律是使節(jié)奏富有韻律感的變化美，將圖形按大小、方向、位置、虛實(shí)、強(qiáng)弱、疏密等加以規(guī)律性地組織排列，就會(huì)產(chǎn)生有變化的韻律美。

2、 網(wǎng)頁設(shè)計(jì)中視覺元素的應(yīng)用

點(diǎn)、線和面三要素是形成視覺元素的三大要素。如何讓視覺元素在網(wǎng)頁中得到最大的發(fā)揮，就需要網(wǎng)頁設(shè)計(jì)師合理設(shè)計(jì)和安排這三要素所處的位置和作用了。

2.1 點(diǎn)的應(yīng)用。在網(wǎng)頁設(shè)計(jì)中，點(diǎn)并不只局限于一個(gè)圓或者局限于一個(gè)固定的位置，而是代表了在頁面中的設(shè)計(jì)中心，并且隨著視覺環(huán)境面積的變化產(chǎn)生成反比的視覺感覺。在成功的網(wǎng)頁設(shè)計(jì)中，往往是點(diǎn)起到活躍內(nèi)容的作用。

2.2 線的應(yīng)用。線在網(wǎng)頁設(shè)計(jì)中是分化版面的重要元素。與點(diǎn)相比，線的形式變化更加豐富，給人產(chǎn)生的心理情感也不盡相同。線元素的長(zhǎng)短、曲直和粗細(xì)都能夠隨意變化，設(shè)計(jì)師可以根據(jù)不同的主題要求對(duì)其進(jìn)行形態(tài)調(diào)整，不同的形態(tài)都能夠給人產(chǎn)生不同的視覺感受和心理影響。例如直線給人感覺嚴(yán)謹(jǐn)、力量的情緒特征，而曲線則相對(duì)柔和、細(xì)膩，更適合用于針對(duì)女性群體的網(wǎng)站當(dāng)中。由此可見，在網(wǎng)頁設(shè)計(jì)中應(yīng)用不同形態(tài)的線元素可以起到不同的效果。

3.3 面的應(yīng)用。面是網(wǎng)頁構(gòu)圖中最常見的元素，是由點(diǎn)和線的重復(fù)構(gòu)圖產(chǎn)生的。網(wǎng)頁中主要的布局都是由面的設(shè)計(jì)來完成的，也是人們?cè)跒g覽網(wǎng)頁時(shí)最主要的部分，它可以由文字或者圖像任意構(gòu)成，也可以為了營(yíng)造虛實(shí)對(duì)比的效果而做留白處理，總之，只有處理好面的設(shè)計(jì)，網(wǎng)頁藝術(shù)效果才能更具美感。

3、 網(wǎng)頁設(shè)計(jì)中的美學(xué)應(yīng)用

網(wǎng)頁美學(xué)設(shè)計(jì)主要由繪畫、色彩和平面都成三個(gè)要素來表現(xiàn)的。在網(wǎng)頁設(shè)計(jì)中，圖片的添加可以增加頁面的美感和效果，設(shè)計(jì)師可以通過網(wǎng)絡(luò)、數(shù)碼相機(jī)、掃描儀，或者利用專業(yè)的繪圖制作、PS等多種渠道進(jìn)行圖片的取材，并根據(jù)頁面的主題來選擇合適圖片進(jìn)行應(yīng)用。設(shè)計(jì)師通過對(duì)圖片的內(nèi)容、色彩和結(jié)構(gòu)等因素進(jìn)行排列組合，是突出網(wǎng)頁主題、美化網(wǎng)頁效果的重要手段。

在網(wǎng)頁的美學(xué)應(yīng)用中，除了對(duì)圖片的有效應(yīng)用外，最重要的就是對(duì)色彩的應(yīng)用了。顏色對(duì)人的心理情緒有著無可厚非的影響，準(zhǔn)確的色彩組合與搭配能夠豐富頁面的內(nèi)容，美化頁面，還能影響人們?cè)跒g覽頁面時(shí)的主觀情緒。因此這也對(duì)設(shè)計(jì)師需要熟知色彩的應(yīng)用提出了更高的要求。

不同的顏色使人產(chǎn)生不同的聯(lián)想。例如紅色視覺刺激較強(qiáng)，給人活躍、熱烈、朝氣的感覺；橙色相對(duì)柔和一些，給人溫暖、明快的感覺；藍(lán)色則與紅色相反，給人沉靜、理智和清澈的感覺；紫色讓人感覺高雅和雍容華貴等等。當(dāng)然顏色的深淺和搭配也都會(huì)產(chǎn)生不同的情緒聯(lián)想，在網(wǎng)頁設(shè)計(jì)中，設(shè)計(jì)師應(yīng)注意整體的色彩運(yùn)用，切忌東一塊西一塊給人產(chǎn)生拼湊和視覺混亂的感覺。協(xié)調(diào)的色彩組合才會(huì)使瀏覽者在閱讀時(shí)與信息產(chǎn)生情感的交流，產(chǎn)生美的感受。

4、 留白藝術(shù)的應(yīng)用

留白是我國(guó)傳統(tǒng)藝術(shù)表現(xiàn)手法之一，在現(xiàn)代網(wǎng)頁設(shè)計(jì)中同樣也是渲染藝術(shù)效果的重要手法。留白看似簡(jiǎn)單，但是網(wǎng)頁中合理營(yíng)造出虛實(shí)對(duì)比、做到簡(jiǎn)單卻不空虛實(shí)屬不易。在處理留白技術(shù)時(shí)，不能局限于一小塊版面，而是應(yīng)從整體出發(fā)，考慮到留白處與實(shí)景處之間的空間對(duì)比，使兩者形成均衡協(xié)調(diào)的效果。網(wǎng)頁的留白技術(shù)應(yīng)用普遍出現(xiàn)在板塊中心周圍的空白或者字體與圖片之間的空白，但是留白之處并不局限于這兩種當(dāng)中，只要符合整體的美觀效果，也可以將其應(yīng)用到字與字之間真是筆畫之間，但是這種處理手法需要考慮得當(dāng)，否則很容易導(dǎo)致整個(gè)頁面設(shè)計(jì)的失敗。同時(shí)應(yīng)該注意的是，留白技術(shù)只是作為網(wǎng)頁藝術(shù)美感的渲染手法，成功的應(yīng)用留白技術(shù)能夠有效地烘托主題內(nèi)容，但是如果將設(shè)計(jì)重點(diǎn)放在留白上，很容易造成頁面失衡，成為失敗的作品。