網(wǎng)頁設(shè)計(jì)的風(fēng)格創(chuàng)意

1、2本章目標(biāo)本章目標(biāo)n了解各種不同風(fēng)格的網(wǎng)頁了解各種不同風(fēng)格的網(wǎng)頁n熟悉不同風(fēng)格的網(wǎng)頁對(duì)瀏覽者的影響熟悉不同風(fēng)格的網(wǎng)頁對(duì)瀏覽者的影響n掌握不同網(wǎng)頁風(fēng)格之間的區(qū)別掌握不同網(wǎng)頁風(fēng)格之間的區(qū)別n掌握網(wǎng)頁的創(chuàng)意對(duì)視覺的影響掌握網(wǎng)頁的創(chuàng)意對(duì)視覺的影響32.1 各種網(wǎng)頁風(fēng)格設(shè)計(jì)各種網(wǎng)頁風(fēng)格設(shè)計(jì) n2.1.1 金屬風(fēng)格金屬風(fēng)格n2.1.2 像素的風(fēng)格像素的風(fēng)格n2.1.3 面板風(fēng)格面板風(fēng)格n2.1.4 報(bào)紙風(fēng)格報(bào)紙風(fēng)格n2.1.5 三維風(fēng)格三維風(fēng)格42.1.1 金屬風(fēng)格金屬風(fēng)格n2001年年初，網(wǎng)絡(luò)上十分流行金屬風(fēng)格的網(wǎng)頁設(shè)年年初，網(wǎng)絡(luò)上十分流行金屬風(fēng)格的網(wǎng)頁設(shè)計(jì)，站點(diǎn)完全突出了網(wǎng)頁個(gè)性。計(jì)，站點(diǎn)完全突出了網(wǎng)

2、頁個(gè)性。52.1.2 像素的風(fēng)格像素的風(fēng)格n像素風(fēng)格的網(wǎng)頁設(shè)計(jì)也在不斷地進(jìn)步和發(fā)展。這像素風(fēng)格的網(wǎng)頁設(shè)計(jì)也在不斷地進(jìn)步和發(fā)展。這種風(fēng)格給人的感覺是太過理性，缺乏情感表達(dá)，種風(fēng)格給人的感覺是太過理性，缺乏情感表達(dá)，不過這種風(fēng)格充分體現(xiàn)了數(shù)碼感、游戲感和時(shí)代不過這種風(fēng)格充分體現(xiàn)了數(shù)碼感、游戲感和時(shí)代感。感。62.1.3 面板風(fēng)格面板風(fēng)格n網(wǎng)絡(luò)給了我們無限大的資源，在這里的確有一部網(wǎng)絡(luò)給了我們無限大的資源，在這里的確有一部分是依靠風(fēng)格、電腦才衍生出來的藝術(shù)風(fēng)格、如分是依靠風(fēng)格、電腦才衍生出來的藝術(shù)風(fēng)格、如面板、圖標(biāo)。到今天，這些設(shè)計(jì)門類還沒有專業(yè)面板、圖標(biāo)。到今天，這些設(shè)計(jì)門類還沒有專業(yè)的設(shè)計(jì)師進(jìn)行

3、設(shè)計(jì)，設(shè)計(jì)制作此類產(chǎn)品基本上都的設(shè)計(jì)師進(jìn)行設(shè)計(jì)，設(shè)計(jì)制作此類產(chǎn)品基本上都來自網(wǎng)頁設(shè)計(jì)師，因此網(wǎng)頁、面板、圖標(biāo)相互影來自網(wǎng)頁設(shè)計(jì)師，因此網(wǎng)頁、面板、圖標(biāo)相互影響。響。 7面板風(fēng)格面板風(fēng)格82.1.4 報(bào)紙風(fēng)格報(bào)紙風(fēng)格n這樣的設(shè)計(jì)排版非常有新意，網(wǎng)絡(luò)上并不多見，這樣的設(shè)計(jì)排版非常有新意，網(wǎng)絡(luò)上并不多見，突出了它的獨(dú)創(chuàng)性的唯美風(fēng)格。突出了它的獨(dú)創(chuàng)性的唯美風(fēng)格。92.1.5 三維風(fēng)格三維風(fēng)格n利用立體旋轉(zhuǎn)的網(wǎng)站標(biāo)志，可以做出具有時(shí)代感、利用立體旋轉(zhuǎn)的網(wǎng)站標(biāo)志，可以做出具有時(shí)代感、數(shù)碼感效果的數(shù)碼感效果的Flash動(dòng)畫。虛擬現(xiàn)實(shí)、全景動(dòng)畫。虛擬現(xiàn)實(shí)、全景360度等度等某些特殊網(wǎng)絡(luò)技術(shù)也依賴三維技術(shù)來實(shí)現(xiàn)

4、。隨著某些特殊網(wǎng)絡(luò)技術(shù)也依賴三維技術(shù)來實(shí)現(xiàn)。隨著寬帶網(wǎng)的發(fā)展，將來會(huì)有更多選擇三維模式的網(wǎng)寬帶網(wǎng)的發(fā)展，將來會(huì)有更多選擇三維模式的網(wǎng)頁。頁。102.2 網(wǎng)頁的創(chuàng)意視覺表現(xiàn)網(wǎng)頁的創(chuàng)意視覺表現(xiàn)n設(shè)計(jì)需要?jiǎng)?chuàng)新，創(chuàng)新需要?jiǎng)?chuàng)意，創(chuàng)意還需要聯(lián)想。展開聯(lián)設(shè)計(jì)需要?jiǎng)?chuàng)新，創(chuàng)新需要?jiǎng)?chuàng)意，創(chuàng)意還需要聯(lián)想。展開聯(lián)想，抓住好的思路，沿著思路展開設(shè)計(jì)；學(xué)習(xí)一些有關(guān)創(chuàng)想，抓住好的思路，沿著思路展開設(shè)計(jì)；學(xué)習(xí)一些有關(guān)創(chuàng)意設(shè)計(jì)的理論知識(shí)，深入、消化、理解并運(yùn)用到自己的設(shè)意設(shè)計(jì)的理論知識(shí)，深入、消化、理解并運(yùn)用到自己的設(shè)計(jì)作品中去，精美獨(dú)特的網(wǎng)頁作品應(yīng)該就是這樣誕生的。計(jì)作品中去，精美獨(dú)特的網(wǎng)頁作品應(yīng)該就是這樣誕生的。112.2

5、 網(wǎng)頁的創(chuàng)意視覺表現(xiàn)網(wǎng)頁的創(chuàng)意視覺表現(xiàn)n展開創(chuàng)意思維，是一個(gè)從理智到感性的過程。首展開創(chuàng)意思維，是一個(gè)從理智到感性的過程。首先經(jīng)過同類站點(diǎn)的調(diào)查報(bào)告，找出行業(yè)共性，進(jìn)先經(jīng)過同類站點(diǎn)的調(diào)查報(bào)告，找出行業(yè)共性，進(jìn)而確立網(wǎng)站的特性部分。其次分析網(wǎng)站內(nèi)容，從而確立網(wǎng)站的特性部分。其次分析網(wǎng)站內(nèi)容，從信息類型、信息量和信息本身的需求出發(fā)，找出信息類型、信息量和信息本身的需求出發(fā)，找出網(wǎng)站的表達(dá)方式，如信息的結(jié)構(gòu)方式、導(dǎo)航條的網(wǎng)站的表達(dá)方式，如信息的結(jié)構(gòu)方式、導(dǎo)航條的數(shù)量和形式、首頁需要放置哪些信息和它們的放數(shù)量和形式、首頁需要放置哪些信息和它們的放置方式、內(nèi)層欄目如何布局才更合理等。信息的置方式、內(nèi)層欄

6、目如何布局才更合理等。信息的空間結(jié)構(gòu)在腦海中形成后，便已開始進(jìn)行視覺美空間結(jié)構(gòu)在腦海中形成后，便已開始進(jìn)行視覺美化和網(wǎng)站的包裝設(shè)計(jì)了?；途W(wǎng)站的包裝設(shè)計(jì)了。122.2 網(wǎng)頁的創(chuàng)意視覺表現(xiàn)網(wǎng)頁的創(chuàng)意視覺表現(xiàn)n每個(gè)網(wǎng)站都擁有自己的特質(zhì)和氣氛。多看，多關(guān)注全球互連網(wǎng)每個(gè)網(wǎng)站都擁有自己的特質(zhì)和氣氛。多看，多關(guān)注全球互連網(wǎng)設(shè)計(jì)動(dòng)態(tài)，鑒賞優(yōu)秀網(wǎng)站，學(xué)習(xí)他人作品的設(shè)計(jì)思想。多練，設(shè)計(jì)動(dòng)態(tài)，鑒賞優(yōu)秀網(wǎng)站，學(xué)習(xí)他人作品的設(shè)計(jì)思想。多練，一定要自己親自嘗試才能進(jìn)步。同樣簡(jiǎn)單的排版方式，因信息一定要自己親自嘗試才能進(jìn)步。同樣簡(jiǎn)單的排版方式，因信息量大小和形式的改變，做的時(shí)候就會(huì)碰到很多問題。多思考、量大小和形式的改

7、變，做的時(shí)候就會(huì)碰到很多問題。多思考、設(shè)計(jì)是理性的思維過程，用腦設(shè)計(jì)而不是依靠感覺。設(shè)計(jì)是理性的思維過程，用腦設(shè)計(jì)而不是依靠感覺。132.3 酷站賞析酷站賞析n利頓茶商的網(wǎng)站。利頓是歷史悠久的茶類品牌，我們?cè)谄嚼D茶商的網(wǎng)站。利頓是歷史悠久的茶類品牌，我們?cè)谄綍r(shí)常見的利頓紅茶、利頓冰茶都是其產(chǎn)品。在該企業(yè)站點(diǎn)時(shí)常見的利頓紅茶、利頓冰茶都是其產(chǎn)品。在該企業(yè)站點(diǎn)中，突出體現(xiàn)的不是利頓的悠久歷史，而是其豐富的產(chǎn)品中，突出體現(xiàn)的不是利頓的悠久歷史，而是其豐富的產(chǎn)品線、茶葉的歷史和有關(guān)人體健康的信息。線、茶葉的歷史和有關(guān)人體健康的信息。 142.3 酷站賞析酷站賞析n中國(guó)瓷器的網(wǎng)站，該網(wǎng)站以白色為背景，

8、營(yíng)造出潔凈、細(xì)中國(guó)瓷器的網(wǎng)站，該網(wǎng)站以白色為背景，營(yíng)造出潔凈、細(xì)膩、典雅的氛圍，同時(shí)與色彩斑斕的瓷器形成強(qiáng)烈的反差，膩、典雅的氛圍，同時(shí)與色彩斑斕的瓷器形成強(qiáng)烈的反差，讓人感覺到瓷器工藝品的精致和美麗。這種顏色搭配是展讓人感覺到瓷器工藝品的精致和美麗。這種顏色搭配是展現(xiàn)色彩豐富的工藝品的一種和諧方式?，F(xiàn)色彩豐富的工藝品的一種和諧方式。152.3 酷站賞析酷站賞析n北美工藝品展的網(wǎng)站，從這個(gè)網(wǎng)站頁面色彩的選擇上，我們可北美工藝品展的網(wǎng)站，從這個(gè)網(wǎng)站頁面色彩的選擇上，我們可以感受到網(wǎng)頁設(shè)計(jì)者對(duì)手工藝品的認(rèn)知，其色調(diào)選擇和色彩搭以感受到網(wǎng)頁設(shè)計(jì)者對(duì)手工藝品的認(rèn)知，其色調(diào)選擇和色彩搭配，突出了手工藝品

9、的巧奪天工。藍(lán)色、灰白色、草綠色、淡配，突出了手工藝品的巧奪天工。藍(lán)色、灰白色、草綠色、淡黃色都是手工藝品常用的顏色，形成了站點(diǎn)風(fēng)格的一致性。黃色都是手工藝品常用的顏色，形成了站點(diǎn)風(fēng)格的一致性。162.3 酷站賞析酷站賞析n食品批發(fā)商的網(wǎng)站，進(jìn)入該站首頁，我們首先感受到的是食品批發(fā)商的網(wǎng)站，進(jìn)入該站首頁，我們首先感受到的是生機(jī)盎然的景象，色彩鮮艷的各類蔬菜給瀏覽者以新鮮的生機(jī)盎然的景象，色彩鮮艷的各類蔬菜給瀏覽者以新鮮的視覺沖擊，由此引發(fā)購買欲望。它同時(shí)用淡淡的蔬菜圖案視覺沖擊，由此引發(fā)購買欲望。它同時(shí)用淡淡的蔬菜圖案作背景，時(shí)刻宣傳公司的主要業(yè)務(wù)，同時(shí)延長(zhǎng)感官上的刺作背景，時(shí)刻宣傳公司的主要業(yè)務(wù)，同時(shí)延長(zhǎng)感官上的刺激時(shí)間。激時(shí)間。 172.3 酷站賞析酷站賞析n下面的網(wǎng)站用了非常一致的導(dǎo)航，蜂巢的結(jié)構(gòu)，下面的網(wǎng)站用了非常一致的導(dǎo)航，