淺析internet web網(wǎng)頁的視覺設計

1、<p>　　淺析Internet web網(wǎng)頁的視覺設計</p><p>　　摘要： 網(wǎng)頁設計在網(wǎng)絡高速發(fā)展的今天已經(jīng)成為重要的設計門類，不僅是對平面視覺傳達設計美學的一種繼承和延伸，更是藝術與技術的高度統(tǒng)一。作者以哈爾濱商業(yè)大學設計藝術學院網(wǎng)頁設計為例分析網(wǎng)頁的平面設計，嘗試從平面藝術設計的內(nèi)容、原則和形式美等方面分析；從網(wǎng)頁的色彩設計和網(wǎng)頁心理學方面分析，對這個新的藝術設計領域進行初步的歸納總結(jié)和理論

2、探討。 </p><p>　　關鍵詞： 網(wǎng)頁與平面設計 色彩 心理學 </p><p>　　一、網(wǎng)頁的平面設計 </p><p>　　每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成，故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。我國這兩年的網(wǎng)絡發(fā)展非?？?，網(wǎng)站數(shù)量也以倍率增長，然而網(wǎng)頁的設計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外，其他很少見到界面設計考究、美術創(chuàng)意優(yōu)秀的中文網(wǎng)站，這

3、是因為沒有和平面設計緊密結(jié)合。網(wǎng)頁本身就是無數(shù)個“頁面”的平面，平面設計規(guī)則也適用網(wǎng)頁設計，網(wǎng)頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性，把傳統(tǒng)平面設計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設計的具體問題相結(jié)合起來，才能設計出符合審美規(guī)則的網(wǎng)頁。故設計者應該巧妙利用平面設計的設計規(guī)則，結(jié)合網(wǎng)絡媒體的特點，認識網(wǎng)絡，了解平面的特征，才能使網(wǎng)頁更加適合于網(wǎng)絡上的傳播。 </p><

4、p>　　平面設計中如變化和統(tǒng)一、條理與反復、對比和調(diào)和、均齊與平衡等，對網(wǎng)頁中文字、圖形、色彩的設計都是十分有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網(wǎng)頁上去的時候，考慮怎樣把它們以合理的統(tǒng)一的方式來排布，使整體感強的同時又要有變化，怎樣使它們脈絡清楚又富有清晰的視覺效果等等。例如哈爾濱商

5、業(yè)大學設計藝術學院網(wǎng)頁設計之歡迎界面，在黃色的背景襯托下，各種線條貫穿其中，運用平面設計中的圖形設計加以修飾，增加網(wǎng)頁設計的美感和大眾的視覺審美需求。符合設計學院的設計的理念，又有學術機構(gòu)的沉穩(wěn)。內(nèi)容與形式的表現(xiàn)達到了高度的統(tǒng)一。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。哈爾濱商業(yè)大學設計藝術學院網(wǎng)頁設計之主頁設計作為設計的主體，如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者

6、導致視線流動偏離設計的初衷。主頁設計中各構(gòu)成要素在組合時，要注意其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體</p><p>　　二、網(wǎng)頁視覺設計中色彩的設計 </p><p>　　網(wǎng)頁的色彩，是最先也是最持久地給瀏覽者以網(wǎng)站形象的因素，瀏覽者在瀏覽網(wǎng)頁時，留下的第一印象就是頁面的色彩設計。色彩本身是無任何含義的，有的只是人賦予它的。但色彩確實可以在不知不覺間影響

7、人的心理，左右人的情緒，所以就有人給各種色彩都加上特定的含義：紅色：強有力、喜慶的色彩，很容易使人有興奮感覺，是一種雄壯的精神體現(xiàn)；黃色：亮度最高的色，給人感覺就是很有溫暖感；綠色：美麗、優(yōu)雅，給人感覺大度、寬容；藍色：永恒、博大，給人感覺平靜、理智；紫色：神秘、女性、溫柔、冒險；黑色：有時給人沉默、虛空的感覺，但有時也給人一種莊嚴肅穆的感覺；白色：有時給人無盡的希望感覺，但有時也給人一種恐懼和悲哀的感受；灰色：具有中庸、平凡、溫和、謙

8、讓、中立和高雅的感覺。網(wǎng)頁的色彩使用得當可以產(chǎn)生強烈的視覺效果，使頁面更加生動。巧妙使用色彩可以直接影響閱讀者的觀賞興趣，因此，色彩設計在網(wǎng)頁設計中居于十分重要的地位。網(wǎng)頁的色彩設計應把握以下幾個方面： </p><p>　　2.1確定主體色。確定一個主色調(diào)，可以有利于體現(xiàn)網(wǎng)站主題，遵循主從關系，這是最穩(wěn)定的處理色彩原則，在網(wǎng)頁設計頁面上，除白色為背景外大量使用的顏色，就是這個網(wǎng)頁的主體顏色。如果在同一個頁面內(nèi)運

9、用了多種顏色，把握不好的話，就無法確定哪個是主體色。因為其他的顏色面積不能過大，要遵循主從關系。我們現(xiàn)在看到的網(wǎng)頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，哈爾濱商業(yè)大學設計藝術學院網(wǎng)頁的主體色就是以淺黃色、淺藍色為主色調(diào)，整體感覺柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數(shù)人認可和掌握。 </p><p>　　

10、其他一些次要內(nèi)容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調(diào)主頁的視覺效果，題頭部分采用明亮的色彩，這些彩色亮點就會產(chǎn)生強烈的視覺沖擊，并有設計藝術學院的特色。 </p><p>　　2.2背景色處理。在背景的色調(diào)搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過于豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使文字溶

11、于背景中，不易辨識。所以，背景一般應以單純?yōu)橐?。如果需要一定的變化以增加背景的厚度，也應是在盡量統(tǒng)一的前提下的一種變化。例如在制用標題時，為追求醒目的視覺效果，可用比較深的顏色，配上對比鮮明的字體。實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風格和情調(diào)，對視覺的主體起到一定的襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注意力，另一方面有助于體現(xiàn)網(wǎng)站的主題。對一些明度較高的網(wǎng)站，配以黑色，可以適當?shù)亟档推涿鞫取０咨蔷W(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留