淺析Internet網(wǎng)頁的視覺傳達(dá)

1、淺析Internet網(wǎng)頁的視覺傳達(dá)【摘要】網(wǎng)頁設(shè)計在網(wǎng)絡(luò)高速開展的今天已經(jīng)成為重要的設(shè)計門類，不僅是對平面視覺傳達(dá)設(shè)計美學(xué)的一種繼承和延伸，更是藝術(shù)與技術(shù)的高度統(tǒng)一。作者以哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計為例分析網(wǎng)頁的平面設(shè)計，嘗試從平面藝術(shù)設(shè)計的內(nèi)容、原那么和形式美等方面分析；從網(wǎng)頁的色彩設(shè)計和網(wǎng)頁心理學(xué)方面分析，對這個新的藝術(shù)設(shè)計領(lǐng)域進(jìn)展初步的歸納總結(jié)和理論討論?！娟P(guān)鍵詞】網(wǎng)頁與平面設(shè)計色彩心理學(xué)網(wǎng)頁的平面設(shè)計每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成，故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的根本元素。我國這兩年的網(wǎng)絡(luò)開展非?？?，網(wǎng)站數(shù)量也以倍率增長，然而網(wǎng)頁的設(shè)計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比擬講究之外

2、，其他很少見到界面設(shè)計講究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站，這是因為沒有和平面設(shè)計嚴(yán)密結(jié)合。網(wǎng)頁本身就是無數(shù)個“頁面的平面，平面設(shè)計規(guī)那么也適用網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計的審美需求是對平面視覺傳達(dá)設(shè)計美學(xué)的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性，把傳統(tǒng)平面設(shè)計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計的詳細(xì)問題相結(jié)合起來，才能設(shè)計出符合審美規(guī)那么的網(wǎng)頁。故設(shè)計者應(yīng)該巧妙利用平面設(shè)計的設(shè)計規(guī)那么，結(jié)合網(wǎng)絡(luò)媒體的特點，認(rèn)識網(wǎng)絡(luò)，理解平面的特征，才能使網(wǎng)頁更加合適于網(wǎng)絡(luò)上的傳播。平面設(shè)計中如變化和統(tǒng)一、條理與反復(fù)、比照和調(diào)和、均齊與平衡等，對網(wǎng)頁中文字、圖形、色彩的設(shè)計都是非常有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形

3、式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地到達(dá)信息訴求的重點位置。在我們把大量的信息塞到網(wǎng)頁上去的時候，考慮怎樣把它們以合理的統(tǒng)一的方式來排布，使整體感強的同時又要有變化，怎樣使它們脈絡(luò)清楚又富有明晰的視覺效果等等。例如哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計之歡送界面，在黃色的背景襯托下，各種線條貫穿其中，運用平面設(shè)計中的圖形設(shè)計加以修飾，增加網(wǎng)頁設(shè)計的美感和群眾的視覺審美需求。符合設(shè)計學(xué)院的設(shè)計的理念，又有學(xué)術(shù)機構(gòu)的沉穩(wěn)。內(nèi)容與形式的表現(xiàn)到達(dá)了高度的統(tǒng)一。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個清楚的主體，它應(yīng)盡可能地成為閱讀

4、時視線流動的起點。哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計之主頁設(shè)計作為設(shè)計的主體，假如沒有這個主體要素，閱讀者的視線將會無所適從，或者導(dǎo)致視線流動偏離設(shè)計的初衷。主頁設(shè)計中各構(gòu)成要素在組合時，要注意其構(gòu)造的輕重大孝虛實、多少等比照因素，加強視覺力度，以強化頁面的整體吸引力。再次，網(wǎng)頁版式的新意，網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將視聽多媒體元素進(jìn)展有機的排列組合，將理性思維個性化地表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式，它在傳達(dá)信息的同時，也產(chǎn)生感官上的美感和精神上的享受。哈爾濱商

5、業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計的版式設(shè)計賦予了很多心意，版面運用歡快輕盈的風(fēng)格進(jìn)展設(shè)計，打破常理設(shè)計標(biāo)準(zhǔn)，有鮮明的節(jié)奏感，給人以活力盎然的感受，版面中的文字和圖片利用線條隔開，主題突出，追求某種富于活力的圖文編排與設(shè)計。網(wǎng)頁視覺設(shè)計中色彩的設(shè)計網(wǎng)頁的色彩，是最先也是最持久地給閱讀者以網(wǎng)站形象的因素，閱讀者在閱讀網(wǎng)頁時，留下的第一印象就是頁面的色彩設(shè)計。色彩本身是無任何含義的，有的只是人賦予它的。但色彩確實可以在不知不覺間影響人的心理，左右人的情緒，所以就有人給各種色彩都加上特定的含義：紅色：強有力、喜慶的色彩，很容易使人有興奮感覺，是一種雄壯的精神表達(dá)；黃色：亮度最高的色，給人感覺就是很有溫暖感；

6、綠色：美麗、優(yōu)雅，給人感覺大度、寬容；藍(lán)色：永久、博大，給人感覺平靜、理智；紫色：神秘、女性、溫順、冒險；黑色：有時給人沉默、虛空的感覺，但有時也給人一種莊嚴(yán)莊嚴(yán)的感覺；白色：有時給人無盡的希望感覺，但有時也給人一種恐懼和悲哀的感受；灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺。網(wǎng)頁的色彩使用得當(dāng)可以產(chǎn)生強烈的視覺效果，使頁面更加生動。巧妙使用色彩可以直接影響閱讀者的欣賞興趣，因此，色彩設(shè)計在網(wǎng)頁設(shè)計中居于非常重要的地位。網(wǎng)頁的色彩設(shè)計應(yīng)把握以下幾個方面：2.1確定主體色。確定一個主色彩，可以有利于表達(dá)網(wǎng)站主題，遵循主從關(guān)系，這是最穩(wěn)定的處理色彩原那么，在網(wǎng)頁設(shè)計頁面上，除白色為背景外大

7、量使用的顏色，就是這個網(wǎng)頁的主體顏色。假如在同一個頁面內(nèi)運用了多種顏色，把握不好的話，就無法確定哪個是主體色。因為其他的顏色面積不能過大，要遵循主從關(guān)系。我們?nèi)缃窨吹降木W(wǎng)頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍(lán)色、淺綠色。以淺顏色為底，哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁的主體色就是以淺黃色、淺藍(lán)色為主色彩，整體感覺柔和、素凈，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數(shù)人認(rèn)可和掌握。其他一些次要內(nèi)容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調(diào)主頁的視覺效果，題頭局部采用亮堂的色彩，這些

8、彩色亮點就會產(chǎn)生強烈的視覺沖擊，并有設(shè)計藝術(shù)學(xué)院的特色。2.2背風(fēng)光處理。在背景的色彩搭配上一定要注意不能有強烈的比照，特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過于豐富的背風(fēng)光彩會影響前景圖片和文字的取色，嚴(yán)重時會使文字溶于背景中，不易辨識。所以，背景一般應(yīng)以單純?yōu)橐?。假如需要一定的變化以增加背景的厚度，也?yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標(biāo)題時，為追求醒目的視覺效果，可用比擬深的顏色，配上比照鮮明的字體。實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風(fēng)格和情調(diào)，對視覺的主體起到一定的襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注意力，另一方面有助于表達(dá)網(wǎng)站的主題。對一些明度較高的網(wǎng)

9、站，配以黑色，可以適當(dāng)?shù)亟档推涿鞫?。白色是網(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個組成局部，這就是留白藝術(shù)。哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計的二級界面就較多運用留白藝術(shù)。留白，給人一個遐想的空間，讓人感覺心情舒適，暢快，恰當(dāng)?shù)牧舭讓τ趨f(xié)調(diào)頁面的平衡起到相當(dāng)大的作用。2.3頁面的色彩分配。網(wǎng)頁標(biāo)題是網(wǎng)站的指路燈，閱讀者要在網(wǎng)頁間跳轉(zhuǎn)，要理解網(wǎng)站的構(gòu)造，哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計的導(dǎo)航設(shè)計利用頁面中的一些小標(biāo)題，使用略微具有跳躍性的色彩，吸引閱讀者的視線，讓他們感覺網(wǎng)站明晰明了，層次清楚。網(wǎng)頁標(biāo)志是宣傳網(wǎng)站最重要的局部之一，所以這兩個局部一定要在頁面上突迎

10、而出。怎樣做到這一點呢？lg和banner設(shè)計來源是哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院標(biāo)志，鮮亮、比照強烈的標(biāo)志設(shè)計寓意哈爾濱商業(yè)大學(xué)設(shè)計學(xué)院的設(shè)計精神和學(xué)術(shù)精神，lg和banner的色彩跟網(wǎng)頁的主題色別分開來，突出主題。網(wǎng)頁文字是網(wǎng)頁傳遞信息的主體，假如一個網(wǎng)站用了背景顏色，必需要考慮到背景顏色的用色，與前景文字的搭配等問題。一般的網(wǎng)站側(cè)重的是文字，所以背景可以選擇純度或者明度較低的色彩，文字用較為突出的亮色。讓人一目了然。設(shè)計藝術(shù)學(xué)院網(wǎng)頁頁面當(dāng)中的文字設(shè)計并沒有使用群眾的黑色，在白色背景的襯托下，深灰色的文字既有利于讀者的閱讀，又賦予了活潑的氣氛。導(dǎo)航菜單所在區(qū)域是網(wǎng)民利用率比擬高的，把菜單背景顏

11、色設(shè)置暗一些，然后依靠較高的顏色比照度、比擬強烈的圖形元素或獨特的字體將網(wǎng)頁內(nèi)容和菜單的不同目的準(zhǔn)確地區(qū)分開。頁腳，這一項最不重要，不應(yīng)該喧賓奪主?？梢钥紤]和側(cè)欄一樣的顏色，設(shè)計學(xué)院的頁腳略微壓了一下深一些的顏色，也可以在配色上使用一些比擬跳躍的顏色，用來引導(dǎo)視線。心理學(xué)與網(wǎng)頁設(shè)計人類在互通信息的同時也在交換彼此的情緒，假如沒有好的溝通情緒，所謂話不投機半句多，雙方可能說沒有兩句話就完畢談話了。因此假設(shè)要利用網(wǎng)絡(luò)的方式做有效的溝通，那么必須讓溝通雙方有臨場感，并引起彼此“良好溝通情緒。由于網(wǎng)頁在計算機屏幕上呈現(xiàn)給別人視覺畫面，因此一方面觀者要學(xué)習(xí)從計算機畫面上看見信息；另一方面網(wǎng)頁設(shè)計者要理解

12、觀者的“看見的才能，從而設(shè)計能使人易懂的畫面，協(xié)助觀者能看見信息。由此就涉及到一個認(rèn)知的過程。認(rèn)知心理學(xué)可以定義為：為理解人類行為，而對人類心智歷程及構(gòu)造所作的科學(xué)分析。認(rèn)知心理學(xué)的主要理論架構(gòu)是“信息處理形式。這個形式視人類為主動的信息處理者，討論人類憑感官承受信息、貯存信息以及提娶運用信息等不同階段所發(fā)生的事，所以認(rèn)知心理學(xué)也常被稱做“信息處理心理學(xué)。而對于信息，感官記憶可貯存大量的信息，只是假設(shè)不予以注意，信息很快就會失去。所以要進(jìn)一步“注意，作“圖樣辨識，選擇需要的感官信號做進(jìn)一步的處理。一般說來，感覺刺激很少的信息很難被記憶，而那些能引起人們很強感覺刺激的信息很容易被人記憶。而現(xiàn)今社會是一個信息爆炸的時代，人們獲取信息的方式主要是從網(wǎng)絡(luò)獲得，這就必定要求在網(wǎng)頁的設(shè)計上要遵循認(rèn)知心理學(xué)的要求，才可以被人們?nèi)菀赘兄＞W(wǎng)頁設(shè)計就要擅長通過信息處理心理學(xué)，喚起欣賞者身心構(gòu)造上的類似反響，利用心理學(xué)在設(shè)計網(wǎng)頁時，會縮短與網(wǎng)民的間隔 。設(shè)計學(xué)院網(wǎng)頁設(shè)計運用了信息心理學(xué)和審美心理學(xué)進(jìn)展設(shè)計，閱讀者也會在高速的信息傳遞中快速掌握信息，讓網(wǎng)民對頁面有深入的認(rèn)識和感知，增強版面的表現(xiàn)力和可讀性。網(wǎng)頁設(shè)計是一種綜合性的設(shè)計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺設(shè)計美學(xué)、字體設(shè)計、標(biāo)志設(shè)計、人機工程、