《網(wǎng)頁(yè)設(shè)計(jì)與制作》PPT課件

《《網(wǎng)頁(yè)設(shè)計(jì)與制作》PPT課件》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、網(wǎng)頁(yè)設(shè)計(jì)與制作安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn本章內(nèi)容4.1概述14.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維24.3網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法34.4網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)中的基本要素44.4網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)中的基本要素5安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.1概述網(wǎng)頁(yè)不只是傳遞信息的媒介，同時(shí)也是網(wǎng)絡(luò)上的藝術(shù)品。如何讓瀏覽者以輕松愜意的心態(tài)吸收網(wǎng)頁(yè)傳遞的信息，是一個(gè)值得研究的課題。一.創(chuàng)意的類型：1.改良型創(chuàng)意2.創(chuàng)新型創(chuàng)意二.創(chuàng)意的功能:1.提高作品的審美價(jià)值，使作品充滿張力。2.滿足受眾的情感需求，更好的推銷作品。安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.

2、2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維在網(wǎng)頁(yè)設(shè)計(jì)中為了創(chuàng)造出高質(zhì)量的作品，我們往往需要多種思維方式來開發(fā)對(duì)事物的理解，不斷發(fā)現(xiàn)事物全新的含義，并賦予其新的表現(xiàn)形式和生命力。一．發(fā)展思維以思維的中心點(diǎn)向外輻射、擴(kuò)散，積極的思考和聯(lián)想，產(chǎn)生多方向，多角度的捕捉創(chuàng)作靈感的觸角。發(fā)展思維的結(jié)構(gòu)形式：樹型結(jié)構(gòu)、傘型結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維二.逆向思維打破原有思維定式，將思維的方向和邏輯順序完全顛倒過來。反其道而行。以達(dá)到異、新、奇的視覺效果。例如：網(wǎng)頁(yè)設(shè)計(jì)中非均衡的視覺效果及色彩的反向運(yùn)用等。三.獨(dú)特思維勇于挑戰(zhàn)，

3、超越常規(guī)、習(xí)慣的認(rèn)識(shí)模式，綜合復(fù)雜環(huán)境中的多種元素，產(chǎn)生一種新穎的不同凡響的視覺效果。如圖(4-1)獨(dú)特的視角,給人以新奇的感覺。法則：人無我有，人有我變。圖4-1非常態(tài)界面安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維四.思維的靈活性思維的靈活性指改變思維的能力。1.舉一反三，觸類旁通。2.思維擴(kuò)散、聚合。五.思維進(jìn)程的跨越性創(chuàng)意超越了思維的步驟，因某一事物激發(fā)起突然的頓悟。如：2008奧運(yùn)會(huì)徽“中國(guó)印.舞動(dòng)的北京”及中國(guó)申奧標(biāo)志。圖4-2圖4-3安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維六.思維

4、效果的整體性整體性是創(chuàng)新性思維的基本要求，脫離整體性作品就會(huì)顯得凌亂。如圖4-3世界著名搜索引擎Google的徽標(biāo)設(shè)計(jì)(圖4-3～4-4)，丹尼斯·黃將簡(jiǎn)約雅潔的設(shè)計(jì)風(fēng)格與“Google”巧妙結(jié)合，自然天成，使徽標(biāo)充滿靈氣。圖4-3圖4-4安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維七.思維認(rèn)識(shí)的深刻性明察秋毫、入木三分、見微知著。抓住事物的本質(zhì)和發(fā)展趨向。如圖4-5是推銷女用香水。畫面中的尺和剪刀，表面上與香水風(fēng)馬牛不相及，而實(shí)質(zhì)上則表示量體、裁衣，香水香味如為女士量身定制一般。圖4-5安慶職業(yè)技術(shù)學(xué)院jpkc.aqvt

5、c.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維八．思維表達(dá)的流暢性任何一件作品要想完整、準(zhǔn)確、高效的表現(xiàn)出來，思維的連貫性是非常必要的。流暢性是對(duì)思維速度和效率的綜合評(píng)價(jià)。如圖4-6畫面中色彩的呼應(yīng)，排版的承接都為思維的連續(xù)表達(dá)創(chuàng)造了條件。影響思維流暢性的因素：1.知識(shí)儲(chǔ)備2.思維的敏銳度圖4-6安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.3網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法創(chuàng)意思維為構(gòu)筑優(yōu)美網(wǎng)頁(yè)繪制了設(shè)計(jì)藍(lán)圖,而創(chuàng)意方法則在藍(lán)圖的基礎(chǔ)上對(duì)“大廈”進(jìn)行裝飾.只有經(jīng)過裝飾的網(wǎng)頁(yè)能使主題表現(xiàn)的更生動(dòng)有趣，更具有審美享受。因而德國(guó)設(shè)計(jì)師霍戈?duì)?馬蒂斯把創(chuàng)意手段稱為“視覺修飾”。

6、一.聯(lián)想與想象聯(lián)想即由A事物想到B事物的心理過程。如圖4-7由喜慶的煙花圖4-7安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.2網(wǎng)頁(yè)設(shè)計(jì)中的創(chuàng)意思維構(gòu)成威嚴(yán)的雄師，雄師是中國(guó)古代千年文化的象征。人們一看到雄師也自然會(huì)聯(lián)想到中華民族。聯(lián)想的種類：虛實(shí)聯(lián)想、接近聯(lián)想、類似聯(lián)想、對(duì)比聯(lián)想、因果聯(lián)想創(chuàng)意的聯(lián)想方式：形體聯(lián)想（圖4-84-9）、材料聯(lián)想（圖4-10）、功能聯(lián)想（圖4-11）圖4-8圖4-11圖4-10圖4-9安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.3網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法二.比喻與擬人比喻是把要表達(dá)的內(nèi)容作為本體，通過相關(guān)聯(lián)的喻體去表現(xiàn)內(nèi)

7、容的本質(zhì)特征。要求：比體與本體之間要求相類似的特征。比喻的種類：明喻、暗喻、借喻比擬。分為兩種，擬人或擬物。比擬離不開聯(lián)想和想象，其效果使網(wǎng)頁(yè)中內(nèi)容更形象、生動(dòng)，從而增強(qiáng)感染力，比擬可以讓靜態(tài)變得生動(dòng)起來，讓呆板的變得有生機(jī)活力，讓抽象的形象變得具體，從而增加作品的藝術(shù)魅力。安慶職業(yè)技術(shù)學(xué)院jpkc.aqvtc.cn4.3網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法三.夸張與變形夸張就是把作品中所宣傳對(duì)象的特征、性質(zhì)特意放大或渲染，突出自然形態(tài)中最本質(zhì)、最典型的部分，使主體特征更加鮮明突出。變形手法在實(shí)際運(yùn)用中的表現(xiàn)方式：拉伸、壓縮、扭曲、畸變或?qū)⒛骋徊糠滞怀鲣秩?。?借

8、代不直接說出要說的人或事物，而是借與說的人或事物有密切、象征關(guān)系的其它某些事物來代替說明的一種修辭方法。安慶職業(yè)技術(shù)學(xué)院jpkc.aqv