版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、<p> 淺析Internet web網(wǎng)頁的視覺設(shè)計</p><p> 摘要: 網(wǎng)頁設(shè)計在網(wǎng)絡(luò)高速發(fā)展的今天已經(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é)和理論
2、探討。 </p><p> 關(guān)鍵詞: 網(wǎng)頁與平面設(shè)計 色彩 心理學(xué) </p><p> 一、網(wǎng)頁的平面設(shè)計 </p><p> 每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成,故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。我國這兩年的網(wǎng)絡(luò)發(fā)展非??欤W(wǎng)站數(shù)量也以倍率增長,然而網(wǎng)頁的設(shè)計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外,其他很少見到界面設(shè)計考究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站,這
3、是因為沒有和平面設(shè)計緊密結(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è)計的具體問題相結(jié)合起來,才能設(shè)計出符合審美規(guī)則的網(wǎng)頁。故設(shè)計者應(yīng)該巧妙利用平面設(shè)計的設(shè)計規(guī)則,結(jié)合網(wǎng)絡(luò)媒體的特點(diǎn),認(rèn)識網(wǎng)絡(luò),了解平面的特征,才能使網(wǎng)頁更加適合于網(wǎng)絡(luò)上的傳播。 </p><
4、p> 平面設(shè)計中如變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等,對網(wǎng)頁中文字、圖形、色彩的設(shè)計都是十分有效的視覺規(guī)律。首先,網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序,形式表現(xiàn)必須服從內(nèi)容要求,網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程,能自然而有序地達(dá)到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁上去的時候,考慮怎樣把它們以合理的統(tǒng)一的方式來排布,使整體感強(qiáng)的同時又要有變化,怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。例如哈爾濱商
5、業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計之歡迎界面,在黃色的背景襯托下,各種線條貫穿其中,運(yùn)用平面設(shè)計中的圖形設(shè)計加以修飾,增加網(wǎng)頁設(shè)計的美感和大眾的視覺審美需求。符合設(shè)計學(xué)院的設(shè)計的理念,又有學(xué)術(shù)機(jī)構(gòu)的沉穩(wěn)。內(nèi)容與形式的表現(xiàn)達(dá)到了高度的統(tǒng)一。其次,突出主題要素,必須在眾多構(gòu)成要素中突出一個清楚的主體,它應(yīng)盡可能地成為閱讀時視線流動的起點(diǎn)。哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁設(shè)計之主頁設(shè)計作為設(shè)計的主體,如果沒有這個主體要素,瀏覽者的視線將會無所適從,或者
6、導(dǎo)致視線流動偏離設(shè)計的初衷。主頁設(shè)計中各構(gòu)成要素在組合時,要注意其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素,加強(qiáng)視覺力度,以強(qiáng)化頁面的整體</p><p> 二、網(wǎng)頁視覺設(shè)計中色彩的設(shè)計 </p><p> 網(wǎng)頁的色彩,是最先也是最持久地給瀏覽者以網(wǎng)站形象的因素,瀏覽者在瀏覽網(wǎng)頁時,留下的第一印象就是頁面的色彩設(shè)計。色彩本身是無任何含義的,有的只是人賦予它的。但色彩確實可以在不知不覺間影響
7、人的心理,左右人的情緒,所以就有人給各種色彩都加上特定的含義:紅色:強(qiáng)有力、喜慶的色彩,很容易使人有興奮感覺,是一種雄壯的精神體現(xiàn);黃色:亮度最高的色,給人感覺就是很有溫暖感;綠色:美麗、優(yōu)雅,給人感覺大度、寬容;藍(lán)色:永恒、博大,給人感覺平靜、理智;紫色:神秘、女性、溫柔、冒險;黑色:有時給人沉默、虛空的感覺,但有時也給人一種莊嚴(yán)肅穆的感覺;白色:有時給人無盡的希望感覺,但有時也給人一種恐懼和悲哀的感受;灰色:具有中庸、平凡、溫和、謙
8、讓、中立和高雅的感覺。網(wǎng)頁的色彩使用得當(dāng)可以產(chǎn)生強(qiáng)烈的視覺效果,使頁面更加生動。巧妙使用色彩可以直接影響閱讀者的觀賞興趣,因此,色彩設(shè)計在網(wǎng)頁設(shè)計中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計應(yīng)把握以下幾個方面: </p><p> 2.1確定主體色。確定一個主色調(diào),可以有利于體現(xiàn)網(wǎng)站主題,遵循主從關(guān)系,這是最穩(wěn)定的處理色彩原則,在網(wǎng)頁設(shè)計頁面上,除白色為背景外大量使用的顏色,就是這個網(wǎng)頁的主體顏色。如果在同一個頁面內(nèi)運(yùn)
9、用了多種顏色,把握不好的話,就無法確定哪個是主體色。因為其他的顏色面積不能過大,要遵循主從關(guān)系。我們現(xiàn)在看到的網(wǎng)頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍(lán)色、淺綠色。以淺顏色為底,哈爾濱商業(yè)大學(xué)設(shè)計藝術(shù)學(xué)院網(wǎng)頁的主體色就是以淺黃色、淺藍(lán)色為主色調(diào),整體感覺柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點(diǎn),有利于整個頁面的配色,更容易為大多數(shù)人認(rèn)可和掌握。 </p><p>
10、其他一些次要內(nèi)容,如背景圖片、線條適宜采用不搶眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,為了突出強(qiáng)調(diào)主頁的視覺效果,題頭部分采用明亮的色彩,這些彩色亮點(diǎn)就會產(chǎn)生強(qiáng)烈的視覺沖擊,并有設(shè)計藝術(shù)學(xué)院的特色。 </p><p> 2.2背景色處理。在背景的色調(diào)搭配上一定要注意不能有強(qiáng)烈的對比,特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度,因為過于豐富的背景色彩會影響前景圖片和文字的取色,嚴(yán)重時會使文字溶
11、于背景中,不易辨識。所以,背景一般應(yīng)以單純?yōu)橐恕H绻枰欢ǖ淖兓栽黾颖尘暗暮穸?,也?yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標(biāo)題時,為追求醒目的視覺效果,可用比較深的顏色,配上對比鮮明的字體。實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風(fēng)格和情調(diào),對視覺的主體起到一定的襯托和協(xié)調(diào)作用,一方面吸引網(wǎng)民的注意力,另一方面有助于體現(xiàn)網(wǎng)站的主題。對一些明度較高的網(wǎng)站,配以黑色,可以適當(dāng)?shù)亟档推涿鞫取0咨蔷W(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 淺析internet網(wǎng)頁的視覺傳達(dá)
- 網(wǎng)頁設(shè)計的視覺審美探索
- 論網(wǎng)頁設(shè)計中的視覺傳達(dá)
- 網(wǎng)頁設(shè)計中視覺元素的應(yīng)用
- web網(wǎng)頁設(shè)計課程設(shè)計報告
- 網(wǎng)頁界面的視覺導(dǎo)向設(shè)計
- 從韓國網(wǎng)頁設(shè)計看網(wǎng)頁藝術(shù)設(shè)計的視覺呈現(xiàn).pdf
- 淺析動態(tài)網(wǎng)頁設(shè)計
- 視覺層級下的網(wǎng)頁布局設(shè)計研究
- “新生代網(wǎng)頁”的視覺體驗設(shè)計
- 基于Internet的Web PACS的設(shè)計與實現(xiàn).pdf
- web網(wǎng)頁設(shè)計和制作小論文
- Internet網(wǎng)頁自動分類技術(shù)的研究.pdf
- 視覺環(huán)境本科網(wǎng)頁設(shè)計考前沖刺
- 網(wǎng)頁界面視覺設(shè)計藝術(shù)研究.pdf
- 視覺環(huán)境本科網(wǎng)頁設(shè)計考前沖刺
- 網(wǎng)頁的視覺傳達(dá)與設(shè)計表現(xiàn)研究.pdf
- 網(wǎng)頁設(shè)計中視覺要素的運(yùn)用研究.pdf
- 網(wǎng)頁設(shè)計中信息的視覺傳達(dá)研究.pdf
- 國內(nèi)團(tuán)購網(wǎng)頁的視覺傳達(dá)設(shè)計研究.pdf
評論
0/150
提交評論