前言：本站為你精心整理了網(wǎng)頁設(shè)計中視覺語言審美性表現(xiàn)研究范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

摘要：網(wǎng)絡(luò)作為一種新的信息傳播載體，為設(shè)計者提供了新的藝術(shù)表現(xiàn)舞臺。網(wǎng)頁設(shè)計的核心美學(xué)價值是信息傳遞，圖文與信息的傳達(dá)要滿足人們的審美需求，更需要一個系統(tǒng)的、強(qiáng)有力的理念基礎(chǔ)做支撐。在多元化的視覺設(shè)計時代，針對網(wǎng)頁設(shè)計中文字、圖形、色彩、版式設(shè)計等方面的應(yīng)用研究，能夠使人們加強(qiáng)對網(wǎng)頁設(shè)計審美規(guī)律的認(rèn)識和理解，有助于使網(wǎng)頁具有鮮明的審美價值，滿足瀏覽者的視覺審美需求。

關(guān)鍵詞：網(wǎng)頁設(shè)計；視覺語言；審美性表現(xiàn)

隨著信息時代的迅速發(fā)展，網(wǎng)絡(luò)早已成為一種新的信息傳播工具，與現(xiàn)代人的生活息息相關(guān)，成為人們生活中不可缺少的一部分。目前瀏覽者對網(wǎng)站視覺藝術(shù)設(shè)計的審美要求越來越高，新的網(wǎng)站層出不窮，很多網(wǎng)頁設(shè)計包羅萬象，各有特色。網(wǎng)頁設(shè)計的核心價值是信息傳遞，圖文信息的傳達(dá)需要滿足人們的審美需求，更需要一個系統(tǒng)的、強(qiáng)有力的理念做支撐。在多元化的視覺設(shè)計時代，針對網(wǎng)頁設(shè)計中視覺語言的審美性研究就顯得非常必要。魯?shù)婪蛟凇兑曈X思維》中提出：“視覺具有選擇性，這樣就可以使瀏覽者的注意力集中在最喜歡的東西上?！盵1]58生物通常會被環(huán)境中充滿美感的事物所吸引，通過視覺分辨事物的好壞，做出反應(yīng)，從而決定是否觀看欣賞。網(wǎng)頁設(shè)計中視覺語言的表現(xiàn)能否吸引人們的目光，在于其形式內(nèi)容的審美性表達(dá)效果以及視覺元素的形式原理在網(wǎng)頁設(shè)計中的具體應(yīng)用。只有強(qiáng)調(diào)技術(shù)與藝術(shù)完美結(jié)合，才能有效地面向未來的網(wǎng)頁設(shè)計，滿足廣大瀏覽者的視覺審美享受。

一、網(wǎng)頁設(shè)計中文字的審美性表現(xiàn)

文字在網(wǎng)頁版面中占據(jù)大量的空間，是網(wǎng)頁信息所用的主要形式。文字不僅是網(wǎng)頁中信息傳播的主要載體，更是有效信息傳達(dá)最直接的途徑。為了更好地傳達(dá)信息，在進(jìn)行文字設(shè)計時首先要考慮是否給瀏覽者清晰的視覺印象，其次一定要避免復(fù)雜凌亂，在字號的大小上要做到恰到好處。雖然電腦中可選擇的字體很多，但是字體的風(fēng)格要統(tǒng)一，種類要精簡，視覺上需要強(qiáng)調(diào)清晰、舒適感。除此之外，還要斟酌文字的大小、疏密、用色等的變化，以此來體現(xiàn)設(shè)計者對文字的審美表現(xiàn)。所以設(shè)置與選擇字體在網(wǎng)頁設(shè)計中顯得非常重要。

（一）文字的大小、字體與行距設(shè)置

網(wǎng)頁設(shè)計中文字要根據(jù)網(wǎng)頁版式中的信息內(nèi)容進(jìn)行設(shè)計，通常狀況下網(wǎng)頁正文的字體大小設(shè)置為12磅左右，這是最適合正文的字號。網(wǎng)頁版式設(shè)計是通過文字的變形、組織、圖形化來表現(xiàn)的，設(shè)計者應(yīng)統(tǒng)籌規(guī)劃，通過字體的巧妙應(yīng)用使瀏覽者觀看網(wǎng)頁時能感受到版式的審美性與創(chuàng)意性。還可以利用字體屬性將文字的方向、大小進(jìn)行變化并組合在一起，加強(qiáng)視覺節(jié)奏感，增強(qiáng)信息傳達(dá)效果，給人以生動活潑的美感。對文字的設(shè)計首先要了解字體的個性特征，漢字的基本字體是黑體和宋體，在網(wǎng)頁版式設(shè)計中使用最為廣泛。正文與標(biāo)題文字的字體選擇要考慮是否與主題情感表達(dá)相呼應(yīng)，正文字體需選用中性情感的表述方式，不宜表達(dá)過分的情感體現(xiàn)。網(wǎng)頁設(shè)計中對文本的可讀性產(chǎn)生很大影響的因素便是文字的行距變化，行距可以大致分為正常、緊湊、疏密三種類型。一般情況下，比較適合正文的行距是接近字體的尺寸大小。行距的常規(guī)比例為10:12，這主要是因為行距過寬會導(dǎo)致一行文字失去較好的延續(xù)性。行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計語言，標(biāo)準(zhǔn)的行距設(shè)置會在版面中形成有效的平行空白帶，容易產(chǎn)生視覺上的秩序感，能引導(dǎo)讀者的目光。在進(jìn)行文字設(shè)置時，可以有意識地調(diào)整版面的行距，通過加強(qiáng)視覺彈性與空間層次來表達(dá)輕松舒展的情緒，增強(qiáng)文字的可讀性與審美性。[2]32

（二）文字的整體編排

網(wǎng)頁設(shè)計中文字部分的標(biāo)題位置一般在整篇文章之首，但這不是不可改變的，有時需要做橫向、居中、豎向等編排調(diào)整，不過需要了解字體效果，這種效果可以影響并強(qiáng)化文字的含義。正文中文字需要從左到右對齊，這樣既符合人們的閱讀習(xí)慣又能使文字顯得美觀、嚴(yán)謹(jǐn)、自然，反之則因不太符合人們的閱讀習(xí)慣而很少應(yīng)用。排版時如果文字較少，可以把整行文字作為編排構(gòu)成元素中的線來看待。這種編排方式使網(wǎng)頁中文字產(chǎn)生對稱的形式美感，更加突出，很方便瀏覽者閱讀。標(biāo)題與正文要區(qū)分字號大小，主要信息和次要信息也可以用字體的粗細(xì)區(qū)分，這樣就因疏密虛實在視覺上顯得飄逸跳躍，增強(qiáng)了文字的節(jié)奏美與韻律美。如果將文字繞圖形編排，會令人感到融洽、自然。

二、網(wǎng)頁設(shè)計中圖形的審美性表現(xiàn)

優(yōu)秀的網(wǎng)頁除了具有充滿美感的文字形式之外，圖形的表現(xiàn)功能也不可忽視。圖形屬于直觀表達(dá)形式的視覺語言，圖形在網(wǎng)頁中占據(jù)了比較重要的位置，能引起人們的視覺注意力，增強(qiáng)閱讀的興趣。在現(xiàn)今的網(wǎng)絡(luò)中可以用圖文并茂的形式向用戶提供信息，在加大信息量的同時也要加強(qiáng)圖形與文字之間的組合。如果文字或者圖形中某個元素過多，網(wǎng)頁就會顯得不舒暢而失去生機(jī)。所以要根據(jù)網(wǎng)頁的內(nèi)容按照審美原理運用圖形，美化網(wǎng)頁的版面效果，提高網(wǎng)頁的美學(xué)價值，給人比較強(qiáng)烈的視覺信息。

（一）網(wǎng)頁設(shè)計中圖像的設(shè)計表現(xiàn)形式

現(xiàn)代網(wǎng)頁中的圖形語言在應(yīng)用中是多元化的，如通過攝影、手繪、電腦制作等多種方式來完成網(wǎng)頁中的圖形設(shè)計，表現(xiàn)網(wǎng)頁主題。網(wǎng)頁設(shè)計中圖形的選擇要以能夠體現(xiàn)設(shè)計者的審美性和強(qiáng)化網(wǎng)頁視覺表現(xiàn)力為主，對選擇的圖形應(yīng)該從數(shù)量、像素大小、位置及主體方面考慮，力求使畫面和諧而又有變化，這樣才能最大程度上強(qiáng)化網(wǎng)頁版面的視覺表現(xiàn)效果。在網(wǎng)頁設(shè)計中進(jìn)行圖形編排設(shè)計時，設(shè)計者要依據(jù)版式的內(nèi)容與形式找到適合版式語言的圖形，遵循審美規(guī)律，設(shè)計要人性化，這樣才能有助于信息傳達(dá)。在網(wǎng)頁設(shè)計中靜態(tài)圖像的表現(xiàn)形式主要有出血圖、方形圖和退底圖。出血圖是圖像充滿版面、無邊框、一邊或幾個邊向外擴(kuò)張和舒展的圖像，其表現(xiàn)特點是充滿頁面而不受邊框限制，給人的視覺感受是與人更加接近，便于情感交流。方形圖則是以直線邊框來限制和規(guī)范，是一種比較簡潔單純的形態(tài)，在網(wǎng)頁設(shè)計中比較常見，能夠使主體形象與環(huán)境共融，圖像頁面中方形圖最能體現(xiàn)靜止、嚴(yán)謹(jǐn)和莊重的視覺風(fēng)格。將精選的圖像沿邊緣裁切后保留輪廓，有選擇性地保留主題形象需要的視覺形式的圖像為退底圖。退底圖表現(xiàn)個性突出，形式更加自由，圖像在頁面中彰顯動態(tài)、活潑和輕松的視覺風(fēng)格。在網(wǎng)頁設(shè)計中應(yīng)用退底圖可以使圖文結(jié)合自然，產(chǎn)生較強(qiáng)的親和力，容易給瀏覽者留下深刻的視覺印象。

（二）網(wǎng)頁設(shè)計中圖形的編排構(gòu)成表現(xiàn)

圖形在網(wǎng)頁設(shè)計中的引入大大美化了網(wǎng)絡(luò)頁面的美感，起到了裝飾、點綴頁面的效果。圖形是網(wǎng)頁設(shè)計中最直觀的傳遞信息的語言，圖形的位置、形式、方向直接關(guān)系到網(wǎng)頁的視覺傳達(dá)效果。特別是在處理和相關(guān)文字編排在一起的圖像時，更需要注意圖形的編排表現(xiàn)。在版面構(gòu)圖布局與排版中，四角與對角線共同支撐版面的結(jié)構(gòu)與形式，具有潛在的重要性。其中版面各邊界連接的四點構(gòu)成四角，分別經(jīng)過版面中心邊界的端點；連接四角的對向斜線為對角線，對角線交叉點就是版心。在版面設(shè)計布局時，四角與對角線可使版面的結(jié)構(gòu)形式產(chǎn)生豐富多變的構(gòu)成特點，可支配版面的中軸四點。中軸四點是分別經(jīng)過版式中心的水平線和垂直線的端點，四點可向上下左右移動調(diào)節(jié)，產(chǎn)生橫、豎、居中的分布形式。四角與四點的合理應(yīng)用可使版面形式得到有益補充，同時把握好空間布局結(jié)構(gòu)與圖形的主次分布，從而使版面構(gòu)成更加豐富、完美。

（三）網(wǎng)頁設(shè)計中圖像的處理

網(wǎng)頁設(shè)計中靜態(tài)圖像的表現(xiàn)通常由表現(xiàn)內(nèi)容決定，而選用圖像的數(shù)量、形狀、大小則與網(wǎng)頁背景色面積大小在視覺上要比例協(xié)調(diào)。圖像的外形能使頁面的氛圍發(fā)生改變，一般而言，方形穩(wěn)重、嚴(yán)肅，圓形或曲線外形柔美、動感，三角形彰顯銳利，退底圖及一些不規(guī)則或不帶邊框的圖像顯得活潑。圖像的形狀直接影響瀏覽者的興趣，圖像的大小由其需要表現(xiàn)的重要程度決定。在一個頁面中，視覺焦點位置的大圖像較能吸引視覺目光，更能傳達(dá)強(qiáng)烈的情感交流；小圖像既小巧精致又簡潔可愛，穿插在大量文字排版中更能呼應(yīng)主題、點綴頁面。圖像大小的運用體現(xiàn)了頁面設(shè)計的和諧均衡與對比變化，也避免了因頁面中只有大圖像而顯得單調(diào)無聊和只有小圖像或文字而顯得平淡乏味。[3]65-67一般情況下，應(yīng)根據(jù)主次關(guān)系合理安排大小圖像，這樣才能使頁面主次分明、對比強(qiáng)烈、生動活躍。這樣的設(shè)計能夠吸引人們的視線在頁面上流動，使瀏覽者得到舒適的觀賞體驗。因此，優(yōu)秀的網(wǎng)頁設(shè)計頁面應(yīng)該增加主體圖像所占空間，縮小次要圖形面積，使圖像主次分明，大小圖像穿插、組合合理，從而得到最佳的視覺應(yīng)用及表達(dá)效果。

三、網(wǎng)頁設(shè)計中色彩的審美性表現(xiàn)

在網(wǎng)頁設(shè)計中色彩的運用起到至關(guān)重要的作用，而且色彩的審美性是影響瀏覽者視覺心理的有效手段。對色彩的選擇與綜合運用能夠體現(xiàn)網(wǎng)頁的審美標(biāo)準(zhǔn)與形象內(nèi)涵。為實現(xiàn)吸引客戶和傳達(dá)信息的目的，網(wǎng)頁設(shè)計中的色彩運用可以更加豐富但不能太多，色彩太多容易造成頁面眼花繚亂，沒有主次；純度也不能太高，否則會造成瀏覽者的視覺疲勞。色彩的運用要恰如其分，使頁面更活潑，不能喧賓奪主。所以設(shè)計者要掌握色彩的審美原理，最大限度地發(fā)揮色彩在網(wǎng)頁設(shè)計中的作用。

（一）網(wǎng)頁設(shè)計主題色彩的確定

網(wǎng)頁設(shè)計中色彩的應(yīng)用由網(wǎng)頁主題決定，不僅要保持整個網(wǎng)頁色調(diào)的統(tǒng)一，還要運用輔助色使內(nèi)容整體中有變化，增強(qiáng)視覺美觀性。不同的色彩搭配使瀏覽者得到不同的視覺情緒。通常狀況下網(wǎng)頁主題色彩的確定來源于企業(yè)視覺識別系統(tǒng)設(shè)計中的輔助色和標(biāo)準(zhǔn)色。標(biāo)準(zhǔn)色的確立及選用要能夠體現(xiàn)企業(yè)內(nèi)涵及形象特征，主要用于企業(yè)形象視覺識別系統(tǒng)及標(biāo)識等一切宣傳物品，網(wǎng)頁設(shè)計中主色塊和主菜單也使用標(biāo)準(zhǔn)色。輔助色則在這個系統(tǒng)中起到修飾與點綴的作用，網(wǎng)頁主題色彩的確定便來源于這個系統(tǒng)。[4]102因為主題色彩能夠在網(wǎng)頁中最有效地傳達(dá)企業(yè)的經(jīng)營理念，不能為了網(wǎng)頁的標(biāo)新立異而輕易改變一個企業(yè)視覺識別系統(tǒng)中的標(biāo)準(zhǔn)用色。如果一個企業(yè)的標(biāo)準(zhǔn)色只限于一種顏色，運用在網(wǎng)頁設(shè)計中就會顯得單調(diào)乏味，色彩不夠豐富。遇到這種情況可以用輔助色來點綴頁面，形成色彩對比效果；或者可以調(diào)和標(biāo)準(zhǔn)色的明度與純度，這樣既可以達(dá)到色調(diào)統(tǒng)一的效果，又能使頁面色彩活潑生動。網(wǎng)頁色彩設(shè)計還需要強(qiáng)調(diào)視覺沖擊力，此外還要注意色彩的統(tǒng)一性，給人以整體統(tǒng)一的視覺感受。因此在網(wǎng)頁設(shè)計時，通過企業(yè)形象來選擇網(wǎng)頁主題色彩風(fēng)格，確定適合傳播產(chǎn)品價值的色彩，才能突出網(wǎng)頁設(shè)計的獨特個性。

（二）網(wǎng)頁設(shè)計中色彩應(yīng)用的基本方法

網(wǎng)頁設(shè)計中對于色彩的運用并不是越多越好，一個頁面中不需要采用過多的顏色，通過調(diào)整色彩屬性，在頁面中產(chǎn)生各種變化，就能達(dá)到美化網(wǎng)頁的目的。網(wǎng)頁色彩設(shè)計的基本方法包括單一色、相鄰色和對比色的基本運用方法。在網(wǎng)頁設(shè)計中采用單一色會造成單調(diào)乏味的視覺感受，因此盡量避免采用單一色彩，一般情況下可通過調(diào)和某種色彩的透明度或飽和度，使其在同一色系中產(chǎn)生變化。另外在所有色彩中，白色和黑色是比較特殊的顏色。白色又稱無色，如果將這兩種色彩進(jìn)行調(diào)和使用，就可以產(chǎn)生所謂的高級灰色，灰色與其他色彩搭配使用會產(chǎn)生很好的視覺效果。相反相鄰色就完全不同，相鄰色是在色彩對比中位置較近的顏色，如紅色與紫色、黃色與黃橙色互為相鄰色。采用相鄰色可以使網(wǎng)頁設(shè)計在視覺上既能達(dá)到色調(diào)和諧統(tǒng)一，又能避免色彩過于雜亂，使網(wǎng)頁色彩能夠在秩序中產(chǎn)生變化，增強(qiáng)節(jié)奏感。例如設(shè)計導(dǎo)航條的色彩時，就可以運用紅色與黃橙色這組相鄰色來表現(xiàn)。此外還有對比色的運用。對比色可產(chǎn)生強(qiáng)烈的色彩效果，是極富表現(xiàn)力的方法，也是重要的色彩表現(xiàn)手段，在網(wǎng)頁設(shè)計中常用色彩對比來表現(xiàn)界面，可以達(dá)到突出重點的目的，使網(wǎng)頁色彩鮮明，極具特色。通常狀況下設(shè)計者可選用一種顏色為主色，對比色為輔，點綴修改，從而起到畫龍點睛的效果。

四、網(wǎng)頁界面版式設(shè)計的審美性

版式設(shè)計是網(wǎng)頁界面設(shè)計的主要構(gòu)成因素，也是重要組成部分。它將文字、圖形、色彩等組合配置，使網(wǎng)頁界面視覺效果雅觀悅目，既利于閱讀者瀏覽，又便于實現(xiàn)信息傳達(dá)的絕佳視覺效應(yīng)。網(wǎng)頁版式語言體現(xiàn)頁面設(shè)計者的品味和網(wǎng)頁的內(nèi)涵，這是由其屬性決定的，版式語言的風(fēng)格與網(wǎng)頁屬性相互聯(lián)系，密不可分。頁面版式語言的差異體現(xiàn)其屬性的不同，在設(shè)計中需要將不同的表現(xiàn)形式與豐富多樣的內(nèi)涵體驗結(jié)合起來，構(gòu)成色調(diào)統(tǒng)一、整體視覺效果良好的網(wǎng)頁界面。網(wǎng)頁設(shè)計的氣質(zhì)特征通過網(wǎng)頁界面的設(shè)計及版面風(fēng)格來表現(xiàn)。根據(jù)其所表現(xiàn)的對象，需要表達(dá)的功能與設(shè)計目標(biāo)等與版面內(nèi)容相符，通過這些屬性來表現(xiàn)版面設(shè)計的審美性特征。例如應(yīng)用商品類網(wǎng)頁的版式要接近人們的實際生活，體現(xiàn)現(xiàn)實特點；政府機(jī)構(gòu)的網(wǎng)頁在形式上要簡練、穩(wěn)重，體現(xiàn)行業(yè)的特點；科技類網(wǎng)頁版式要謹(jǐn)慎、嚴(yán)密。[5]85這些都是根據(jù)網(wǎng)頁的內(nèi)涵屬性來確定的。因而可以說文字、色彩、圖形的運用決定網(wǎng)頁屬性。設(shè)計者必須對網(wǎng)頁內(nèi)容與主題進(jìn)行深入了解，并找到最適合該網(wǎng)頁內(nèi)容的版式設(shè)計與盡善盡美的表現(xiàn)方法，這種設(shè)計方式具有獨特性及專用性的審美特征。版式設(shè)計的界面形式是內(nèi)容的載體，但又具有獨特的藝術(shù)審美形式。形式美包含網(wǎng)頁設(shè)計的版式構(gòu)圖、整體布局和色彩等所傳達(dá)的風(fēng)格特點，因此網(wǎng)站的設(shè)計風(fēng)格與定位根據(jù)信息內(nèi)容的不同來決定它的屬性。網(wǎng)頁設(shè)計的特有目標(biāo)及價值不僅通過形象、直觀、便捷的瀏覽方式呈現(xiàn)，更是以美觀獨立、清新自然的界面版式來表達(dá)體現(xiàn)，這樣才能突出網(wǎng)頁設(shè)計的獨特性與審美性。

五、結(jié)語

網(wǎng)頁設(shè)計作為當(dāng)前設(shè)計領(lǐng)域中新型的設(shè)計藝術(shù)，在遵循美學(xué)原理的同時應(yīng)當(dāng)同樣重視設(shè)計中視覺語言的審美性表現(xiàn)。因此，以視覺語言在網(wǎng)頁設(shè)計中的應(yīng)用為主要研究對象，掌握網(wǎng)頁設(shè)計的表現(xiàn)精髓，加強(qiáng)審美規(guī)律的認(rèn)知和理解，總結(jié)網(wǎng)頁制作的經(jīng)驗并將其融入到設(shè)計者的思維中來指導(dǎo)網(wǎng)頁設(shè)計，使網(wǎng)頁具有鮮明的審美價值，滿足瀏覽者的視覺審美需求。

參考文獻(xiàn)：

[1]魯?shù)婪?#8226;阿思海姆．藝術(shù)與視知覺[M]．騰守堯，朱疆源，譯．成都：四川人民出版社，2006．

[2]何蘇六．網(wǎng)絡(luò)媒體的策劃與編輯[M]．北京：北京廣播學(xué)院出版社，2001．

[3]馮暉．網(wǎng)絡(luò)廣告實務(wù)[M]．北京：中國水利水電出版社，2009．

[4]彭剛，周紹斌．網(wǎng)頁藝術(shù)設(shè)計[M]．北京：高等教育出版社，2008．

[5]梁景紅．設(shè)計師談網(wǎng)頁設(shè)計思維[M]．北京：電子工業(yè)出版社，2006．

作者：王永虎 楊廣紅 單位：巢湖學(xué)院藝術(shù)學(xué)院