軒慎鴻

摘要：網(wǎng)頁設(shè)計就是依據(jù)網(wǎng)站宗旨，把造型、結(jié)構(gòu)、信息、色彩等視覺元素有機(jī)地統(tǒng)一在網(wǎng)頁中，并對網(wǎng)頁風(fēng)格等進(jìn)行整體設(shè)計。展示網(wǎng)頁中色彩搭配的狀態(tài)，已經(jīng)色彩搭配的來源，直接明確的闡述最本質(zhì)的網(wǎng)頁設(shè)計中色彩運(yùn)用的原理。介紹了網(wǎng)頁設(shè)計布局和色彩的基礎(chǔ)理論。從而進(jìn)一步詳細(xì)的介紹了布局和色彩搭配在網(wǎng)頁中不可或缺的作用。

關(guān)鍵詞： 網(wǎng)頁設(shè)計；布局和用色；技巧

【中圖分類號】TP393.092

引言

網(wǎng)頁設(shè)計是一門新興的設(shè)計類和網(wǎng)絡(luò)交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視。網(wǎng)頁以網(wǎng)絡(luò)為載體，把各種信息以最便捷的方式傳達(dá)給受眾。利用造型的原則和規(guī)律，合理的分配和排列文字、圖形等視覺元素，以便準(zhǔn)確、系統(tǒng)、有效地傳達(dá)信息。因此在明確了網(wǎng)頁藝術(shù)設(shè)計與網(wǎng)站主題的關(guān)系的基礎(chǔ)上，提出了“美”和“功能”都是為了更好地表達(dá)網(wǎng)站主題這一觀點(diǎn)。從而更好的認(rèn)識和理解布局和用色技巧在網(wǎng)頁布局中的發(fā)展和創(chuàng)新。

1.網(wǎng)頁設(shè)計的布局

網(wǎng)頁設(shè)計者在擬定色彩計劃時，應(yīng)該盡可能的滿足絕大多數(shù)人的視覺感受。它是人們在看到某一運(yùn)用色彩所表現(xiàn)的客觀事物后，憑感覺事物所傳遞出來的表象信息，在頭腦思維中根據(jù)切身感受對事物進(jìn)行整理加工，留下某種相關(guān)記憶與理性信息。在網(wǎng)頁設(shè)計時把網(wǎng)頁的各種構(gòu)成要素（文字、圖片、菜單等等）在頁面內(nèi)完美的搭配起來。一個精美的網(wǎng)頁，不僅體現(xiàn)在頁面內(nèi)容的精彩，還要有效地利用頁面的有效顯示空間，創(chuàng)造出合理的布局模式。過純的紅色容易使人疲勞，引起人的心理反感，因此，一般只有在以節(jié)慶為主題的網(wǎng)頁中會大面積使用純紅色，而在其它主題的網(wǎng)頁中，要使用大面積的紅色就需要加入白色或暗色調(diào)。而是我們設(shè)計網(wǎng)頁之前根據(jù)分析調(diào)研資料，界面設(shè)計共同習(xí)慣和使用者習(xí)慣及需求，設(shè)計的邏輯關(guān)系架構(gòu)圖，也就是網(wǎng)站的主要信息導(dǎo)引。一般情況下，顯示器在640*480像素的分辨率下，頁面的顯示尺寸為620*311像素：在800*600像素的分辨率下，顯示器的分辨率越高，能顯示的頁面尺寸就越大。頂端是標(biāo)題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，底端也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見的類型是，頂端是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。也就是讓一部分內(nèi)容比其他的大或者小，以明顯的區(qū)分開來。在不能依靠顏色的時候，通過尺寸建立對比將變得非常重要。大標(biāo)題也是建立視覺結(jié)構(gòu)框的好方法。

2.網(wǎng)頁設(shè)計的色彩搭配方法

2.1明確網(wǎng)站的主題、服務(wù)對象及用色彩要表達(dá)的目的

色彩作為自然界的客觀存在，本身是沒有情感的，只有無數(shù)種色相、明度、純度組合在一起的不同變化效果，色彩的情感是觀察者所賦予的一種“人的心理感覺”。在了解色彩的基礎(chǔ)上選擇適合自己的標(biāo)準(zhǔn)色。同時，為了讓主頁更加豐富多彩、引人注目，可以在標(biāo)準(zhǔn)色的基礎(chǔ)上，配以不同的輔色。在標(biāo)準(zhǔn)色的基礎(chǔ)上搭配不同的輔色，使得網(wǎng)頁看起來豐富而統(tǒng)一。 給網(wǎng)站的網(wǎng)頁選一個主色調(diào)，以形成一定風(fēng)格。整個網(wǎng)頁最好只有一個主色調(diào)。主調(diào)色彩一般可用公司的標(biāo)準(zhǔn)色，這符合公司的形象戰(zhàn)略，可以提升公司形象。

2.2確定網(wǎng)頁的主色調(diào)

在設(shè)計網(wǎng)站的時候，我們應(yīng)該關(guān)注流行色的發(fā)展趨勢。每年都會有一些流行色出現(xiàn)，這是符合大眾心理的一些基本色調(diào)。在設(shè)計網(wǎng)站的時候可以巧妙地加以應(yīng)用，網(wǎng)頁色彩決定訪問者的第一視覺感受。在教學(xué)中教師應(yīng)要求學(xué)生根據(jù)所選主題，確立網(wǎng)站主體顏色和輔助顏色，利用色彩營造符合主題的環(huán)境與相應(yīng)的氣氛。但是人們對同一種色彩所表現(xiàn)出來的心理感受差異有著一個廣泛的色彩共同性前提，就是可以看到某種客觀的，受到普遍認(rèn)可的色彩認(rèn)知概念。在一個特定的場合或者環(huán)境中，某種色彩會表達(dá)一種具有強(qiáng)烈象征意義的事物。色彩的搭配不僅體現(xiàn)美學(xué)的訴求，而且是一種可以強(qiáng)化的識別信息，會影響到瀏覽者對網(wǎng)站的印象乃至企業(yè)形象的認(rèn)識。所以，主題色一經(jīng)確定，要保持一定的穩(wěn)定性，用這種色彩來幫助瀏覽者對網(wǎng)站的識別。如果你沒有豐富的網(wǎng)頁內(nèi)容，那么網(wǎng)頁設(shè)計中對網(wǎng)站的標(biāo)準(zhǔn)色的設(shè)計就顯得尤為重要了。標(biāo)準(zhǔn)色彩能夠體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，它是影響網(wǎng)站整體效果的關(guān)鍵。當(dāng)一種色彩成為流行色的時候，不免使瀏覽者產(chǎn)生麻木的審美效果。因此在網(wǎng)頁中事實(shí)的實(shí)施一些懷舊色彩，會達(dá)到意想不到的效果。即只用一種色相，其輔助色只是在明度和純度上作調(diào)整，間用中性色。采用單色調(diào)，易形成一種風(fēng)格，在網(wǎng)頁的局部要采用少量小面積的對比色以達(dá)到豐富頁面的效果，

2.3網(wǎng)頁色彩的選擇標(biāo)準(zhǔn)

網(wǎng)頁設(shè)計中常見的布局方式有表格式布局，框架式布局以及DIV+CSS方式布局。DIV+CSS布局方式，是目前網(wǎng)頁設(shè)計中比較常見的，它實(shí)現(xiàn)了網(wǎng)頁結(jié)構(gòu)與樣式的真正分離。隨著網(wǎng)民人數(shù)的不斷增加，網(wǎng)民的素質(zhì)也越來越高，大多數(shù)的網(wǎng)民喜歡選擇有特色、風(fēng)格獨(dú)特的網(wǎng)站進(jìn)行瀏覽。網(wǎng)頁設(shè)計師在設(shè)計網(wǎng)頁時，可以選擇體現(xiàn)自己風(fēng)格的色彩大膽應(yīng)用。 背景色決定了整體印象；融合色被應(yīng)用于頁面中的不同位置，通過顏色的反復(fù)共鳴讓網(wǎng)頁界面更具整體性；強(qiáng)調(diào)色是在大面積的背景顏色當(dāng)中強(qiáng)調(diào)出某一亮點(diǎn)，吸引注意。它會受到很大因素的影響，如色彩的面積、時間、亮度等。 重視產(chǎn)品營銷過程中消費(fèi)者對產(chǎn)品色彩方面的反饋意見和訴求，并加以改進(jìn)完善。如兒童類網(wǎng)頁，色彩就要以輕快活潑為主，營造出富含童趣的視覺氣氛。教育類網(wǎng)頁則通常以中性色為主，借以體現(xiàn)出一種文化底蘊(yùn)。應(yīng)該更加注重整體效果。在設(shè)計網(wǎng)站頁面時，要更多地考慮平面設(shè)計的因素，把握整體。色彩的明暗、輕重、冷暖，以及調(diào)和色和對比色的應(yīng)用等都要考慮在內(nèi)。，達(dá)到理論與實(shí)踐相結(jié)合，強(qiáng)化學(xué)生的技能操作，鍛煉了學(xué)生的創(chuàng)新思維能力，提高了網(wǎng)站建設(shè)的綜合素質(zhì)，為今后動態(tài)網(wǎng)站的建立打下良好的基礎(chǔ)。 在網(wǎng)頁設(shè)計中有時為了迎合時代潮流而使自己的設(shè)計不顯落伍，設(shè)計師要在創(chuàng)新中尋求發(fā)展，不斷設(shè)計出新的色彩搭配樣式。

3.結(jié)語

色彩既能影響人的視覺，也能影響人的心理。網(wǎng)頁設(shè)計人員在設(shè)計網(wǎng)頁時要注意合理的運(yùn)用對比及調(diào)和的配色方法。所以布局和色彩的恰到好處的搭配將會使個人和企業(yè)的形象在別人心中留下深刻的印象，從而更好的體現(xiàn)出個人及其企業(yè)的知名度。富有新意的色彩創(chuàng)意能使網(wǎng)頁在同類中引人注目、打動人心、帶給人新鮮感，色彩是網(wǎng)頁設(shè)計中不可缺少的元素之一，它以最醒目、活躍的方式應(yīng)用于網(wǎng)頁設(shè)計中。

參考文獻(xiàn)：

[1]劉佳，王倩.網(wǎng)頁設(shè)計中的色彩表現(xiàn)[J].美術(shù)大觀，2007，（11）.

[2]王娜.Dreamweaver網(wǎng)頁制作與色彩搭配全攻略[M].北京：清華大學(xué)出版社，2006.

[3]張淑榮；蘇兵；；探析色彩搭配在網(wǎng)頁設(shè)計教學(xué)中的有效運(yùn)用[J]；電腦與電信；2012年08期endprint