網(wǎng)頁美工-網(wǎng)頁設(shè)計(jì)與制作教案

網(wǎng)頁美工——

網(wǎng)頁設(shè)計(jì)與制作電子教案第1章網(wǎng)頁設(shè)計(jì)概述

1.1網(wǎng)頁界面構(gòu)成

1.網(wǎng)站LOGO

網(wǎng)站Logo是整個(gè)網(wǎng)站對(duì)外唯一的標(biāo)識(shí)和標(biāo)志，是網(wǎng)站商標(biāo)和品牌的圖形表現(xiàn)。Logo的內(nèi)容通常包括特定的圖形和文本，其中，圖形往往與網(wǎng)站的具體內(nèi)容或開發(fā)網(wǎng)站的企業(yè)文化緊密結(jié)合，以體現(xiàn)網(wǎng)站的特色；文本主要起到加深用戶印象的作用，這些文本介紹網(wǎng)站的名稱、服務(wù)，也可以體現(xiàn)網(wǎng)站的價(jià)值觀、宣傳口號(hào)。

一些簡單的Logo也可以只包含文本，通過對(duì)文本進(jìn)行各種變化來體現(xiàn)網(wǎng)站的特色。2.導(dǎo)航欄

導(dǎo)航欄是索引網(wǎng)站內(nèi)容、幫助用戶快速訪問所需內(nèi)容的輔助工具。根據(jù)網(wǎng)站內(nèi)容，一個(gè)網(wǎng)頁可以設(shè)置多個(gè)導(dǎo)航欄，還可以設(shè)置多級(jí)的導(dǎo)航欄以顯示更多的導(dǎo)航內(nèi)容。導(dǎo)航欄內(nèi)容包含的是實(shí)現(xiàn)網(wǎng)站功能的按鈕或連接，其項(xiàng)目的數(shù)量不宜過多。通常，同級(jí)別的項(xiàng)目數(shù)量以3~7個(gè)為宜。超過這一數(shù)量后，應(yīng)盡量放到下一級(jí)別處理。設(shè)計(jì)合理的導(dǎo)航欄可以有效地提高用戶訪問網(wǎng)站的效率。1.1網(wǎng)頁界面構(gòu)成1.1網(wǎng)頁界面構(gòu)成3.BannerBanner，中文意思為旗幟或網(wǎng)幅，是一種可以由文本、圖像和動(dòng)畫相結(jié)合而成的網(wǎng)頁欄目。Banner的主要作用是顯示網(wǎng)站的各種廣告，包括網(wǎng)站自身產(chǎn)品的廣告和與其他企業(yè)合作放置的廣告。在網(wǎng)頁中預(yù)留標(biāo)準(zhǔn)Banner大小的位置，可以降低網(wǎng)站廣告用戶的Banner設(shè)計(jì)成本，使Banner廣告位的出租更加便捷。1.1網(wǎng)頁界面構(gòu)成4.內(nèi)容欄內(nèi)容欄是網(wǎng)頁內(nèi)容的主體，通?？梢杂梢粋€(gè)或多個(gè)子欄組成，包含網(wǎng)頁提供的所有信息和服務(wù)項(xiàng)目。內(nèi)容欄的內(nèi)容既可以是圖像，也可以是文本，或圖像和文本結(jié)合的各種內(nèi)容。

在設(shè)計(jì)內(nèi)容欄時(shí)，用戶可以先獨(dú)立地設(shè)計(jì)多個(gè)子欄，然后再將這些子欄拼接在一起，形成整體的效果。同時(shí)，還可以對(duì)子欄進(jìn)行優(yōu)化排列，提高用戶體驗(yàn)。如網(wǎng)頁的內(nèi)容較少，則可以使用單獨(dú)的內(nèi)容欄，通過添加大量的圖像使網(wǎng)頁更加美觀。1.1網(wǎng)頁界面構(gòu)成5.版尾版尾是整個(gè)網(wǎng)頁的收尾部分。在這部分內(nèi)容中，可以聲明網(wǎng)頁的版權(quán)、法律依據(jù)以及為用戶提供各種提示信息等。除此之外，在版尾部分還可以提供獨(dú)立的導(dǎo)航條，為將頁面滾動(dòng)到底部的用戶提供一個(gè)導(dǎo)航的代替方式。版權(quán)的書寫應(yīng)該符合網(wǎng)站所在國家的法律規(guī)范，同時(shí)遵循一般的習(xí)慣，正確的版權(quán)書寫格式如下。

Copyright(?)[Dates](by)[Author/Owner](Allrightsreserved.)

在上面的文本中，小括號(hào)“（）”中的內(nèi)容可省略，中括號(hào)“[]”中的內(nèi)容可以根據(jù)用戶的具體信息而更改。1.1網(wǎng)頁界面構(gòu)成1.1網(wǎng)頁界面構(gòu)成知識(shí)鏈接

其實(shí)在網(wǎng)頁界面構(gòu)成中還有一個(gè)不可忽視的元素就是“按鈕”。當(dāng)前在頁面里要強(qiáng)調(diào)的鏈接自然會(huì)以按鈕的形式表現(xiàn)，尤其所謂重量級(jí)按鈕是促成觀者完成頁面功能的一個(gè)很重要的部分，所以對(duì)于其本身來講，應(yīng)該具有“勾引眼球”的效果。對(duì)于一個(gè)可以起到“勾引”作用的按鈕，建議從下面幾個(gè)方面來思考。1.按鈕本身的用色本身的顏色應(yīng)該區(qū)別于它周邊的環(huán)境色。好的按鈕的設(shè)計(jì)顏色一定是與眾不同，通常它要更亮而且有高對(duì)比度的顏色。

1.1網(wǎng)頁界面構(gòu)成1.1網(wǎng)頁界面構(gòu)成2.按鈕的位置設(shè)置按鈕位置時(shí)需要仔細(xì)考究，基本原則是要容易找到，如：產(chǎn)品旁邊、野兔、導(dǎo)航的頂部右側(cè)，特別重要的按鈕應(yīng)該處在畫面的中心位置。3.按鈕上面的文字表述在按鈕上使用什么文字傳遞給用戶非常重要。需要言簡意賅，直接明了，如:注冊、下載、創(chuàng)建、免費(fèi)試玩、增值服務(wù)等，甚至有時(shí)候用“點(diǎn)擊進(jìn)入”，但需要注意的是千萬不要讓瀏覽者去思考，越簡單、越直接越好，同樣不能誤導(dǎo)或欺騙用戶。1.1網(wǎng)頁界面構(gòu)成4.按鈕的尺寸通常來講，一個(gè)頁面當(dāng)中按鈕的大小也決定了其本身的重要級(jí)別，但并不是越大越好，尺寸應(yīng)該適中，因?yàn)榘粹o大到一定程度，會(huì)讓人覺得那不像按鈕，潛意識(shí)的認(rèn)為那是一塊區(qū)域，導(dǎo)致沒有點(diǎn)擊欲望。1.1網(wǎng)頁界面構(gòu)成5.讓其充分通透按鈕不能和網(wǎng)頁中的其他元素?cái)D在一起。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀。1.1網(wǎng)頁界面構(gòu)成6.注意鼠標(biāo)滑過的效果有些時(shí)候，對(duì)于一些重要的按鈕，可以適當(dāng)加一些鼠標(biāo)滑過的效果，會(huì)有力的增強(qiáng)按鈕的點(diǎn)擊感，給用戶帶來良好的用戶體驗(yàn)，起到畫龍點(diǎn)睛的作用。但要注意的是，這種效果不太適合按鈕集中的地方。如果每個(gè)都增加高亮的鼠標(biāo)滑過的效果，則會(huì)造成視覺過于雜亂，影響用戶瀏覽的舒適度，所以要強(qiáng)調(diào)的是“恰當(dāng)”地添加鼠標(biāo)滑過的效果。1.1網(wǎng)頁界面構(gòu)成7.游戲按鈕視覺表現(xiàn)在眾多的游戲官網(wǎng)中，可以看到各式各樣的游戲按鈕，相對(duì)于一般商務(wù)型按鈕來講，游戲性按鈕更加在意的是質(zhì)感上面的表現(xiàn)，比如金屬、石頭、玻璃、木頭、塑膠等等，通過質(zhì)感的選擇表現(xiàn)來表達(dá)游戲本身的特質(zhì)。在對(duì)游戲按鈕進(jìn)行設(shè)計(jì)的時(shí)候，能夠盡可能結(jié)合游戲的特質(zhì)，究其獨(dú)特性，細(xì)膩的刻畫，然后做到系統(tǒng)的應(yīng)用，達(dá)到視覺的統(tǒng)一性，這種在游戲官網(wǎng)上的應(yīng)用尤為重要。1.1網(wǎng)頁界面構(gòu)成1.2網(wǎng)頁藝術(shù)設(shè)計(jì)的相關(guān)軟件網(wǎng)頁設(shè)計(jì)涉及很多因素，除需要掌握一個(gè)主要的網(wǎng)頁編輯軟件外，還需要利用其他軟件來輔助完成網(wǎng)頁視覺元素的制作及網(wǎng)站的發(fā)布、維護(hù)等工作。如圖形圖像軟件、網(wǎng)頁動(dòng)畫軟件、文件傳輸軟件和音、視頻編輯軟件等。每類不同的軟件有很多，讀者沒有必要全部掌握，只需熟悉每類中的一個(gè)即可。選擇軟件的原則是：選擇主流、兼容性強(qiáng)、適合讀者原來操作習(xí)慣的軟件。當(dāng)然，也要考慮軟件的價(jià)格問題。1.網(wǎng)頁編輯軟件網(wǎng)頁編輯軟件主要有Macromedia公司開發(fā)的Dreamweaver軟件、Adobe公司開發(fā)的Golive軟件以及Microsoft公司開發(fā)的FrontPage軟件。本書教學(xué)選用的部分網(wǎng)頁制作軟件是Dreamweaver，它是目前應(yīng)用最廣的網(wǎng)頁制作軟件。第1章網(wǎng)頁設(shè)計(jì)概述

2.圖形圖像軟件圖形圖像軟件用于處理網(wǎng)頁中的圖片和部分動(dòng)畫，其中像素圖像處理軟件主要有Adobe公司開發(fā)的Photoshop、ImageReady軟件和Macromedia公司開發(fā)的Fireworks軟件，矢量圖形處理軟件主要有Corel公司的CoreIDRAW軟件、Adobe公司的Illustrator軟件和Macromedia公司的Freehand軟件。3.網(wǎng)頁動(dòng)畫軟件網(wǎng)頁動(dòng)畫主要有Flash動(dòng)畫和GIF動(dòng)畫，F(xiàn)lash動(dòng)畫可以通過Macromedia公司的Flash軟件或第三方的Flash動(dòng)畫軟件制作，GIF動(dòng)畫可用網(wǎng)頁圖形圖像軟件如ImageReady、Fireworks等制作，也可用專門的GIF動(dòng)畫軟件制作。1.2網(wǎng)頁藝術(shù)設(shè)計(jì)的相關(guān)軟件4.文件傳輸軟件制作完成的網(wǎng)頁文件，只有上傳到服務(wù)器上才能被其他人看見，這就需要用文件傳輸軟件來進(jìn)行文件的上傳與下載。除Dreamweaver自帶的上傳、下載功能外，還可以使用更為方便的FTP軟件來進(jìn)行文件傳輸。目前常用的FTP軟件有：CuteFTP、LeapFTP和FlashFTP等。例如，CuteFTP軟件最大的好處是使用簡單、傳輸穩(wěn)定、功能也很完整，同時(shí)它還支持續(xù)傳的功能。CuteFTP的界面與資源管理器的界面很類似，支持以拖曳的方式上傳，非常直觀和方便。1.3按鈕案例小制作

1.2網(wǎng)頁藝術(shù)設(shè)計(jì)的相關(guān)軟件

網(wǎng)頁版式是視覺傳達(dá)的重要手段。網(wǎng)頁的排版布局在網(wǎng)頁設(shè)計(jì)中起到?jīng)Q定成敗的作用。雖然網(wǎng)頁種類繁多，但將其分類后可尋找一定的設(shè)計(jì)規(guī)律。網(wǎng)頁版式應(yīng)遵循審美原則來進(jìn)行設(shè)計(jì)，合理的利用視覺元素，將會(huì)令網(wǎng)頁充滿生氣，事半功倍。網(wǎng)頁設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和實(shí)現(xiàn)的功能，其基本任務(wù)是讓人們從網(wǎng)頁的瀏覽中更好地得到需要。網(wǎng)頁既是信息發(fā)布的重要媒體，又要讓讀者通過版面的閱讀產(chǎn)生無限的遐想與共鳴，如圖2-1所示。因此說，版式編排是網(wǎng)頁設(shè)計(jì)的第一步，是一個(gè)網(wǎng)頁成敗與否的基礎(chǔ)所在。第2章網(wǎng)頁版式設(shè)計(jì)

網(wǎng)頁版式設(shè)計(jì)的原則就是讓瀏覽者既方便接受傳達(dá)的信息，又能享受到美感。版面設(shè)計(jì)目的是要求信息條理清晰、布局合理有序、界面美觀悅目，更好地突出主題，達(dá)到最佳訴求效果。1.主題鮮明突出既然網(wǎng)頁版式設(shè)計(jì)目的是使網(wǎng)頁的版面清晰，主題突出，以達(dá)到最佳的訴求效果。那么，作為一個(gè)成功的網(wǎng)頁版式設(shè)計(jì)，應(yīng)有助于增強(qiáng)受眾對(duì)網(wǎng)頁的注意，增進(jìn)閱讀者對(duì)內(nèi)容的理解。因此，要使版面獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，可以通過對(duì)版面的空間層次、主從關(guān)系、視覺秩序以及邏輯條理性的把握與運(yùn)用來達(dá)到目的的，如圖2-2所示，某從事工業(yè)設(shè)計(jì)的公司主頁。2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則第2章網(wǎng)頁版式設(shè)計(jì)

網(wǎng)頁實(shí)用功能直接影響著使用者對(duì)它的審美評(píng)價(jià)，實(shí)用甚至可以轉(zhuǎn)化審美。這種美就叫做“功能之美”。網(wǎng)頁設(shè)計(jì)在追求形式美的同時(shí)，必須符和主題的需要，這是網(wǎng)頁設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計(jì)都會(huì)變的空洞而無力。2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則2.版面技術(shù)得當(dāng)傳統(tǒng)媒體（如廣播、電視節(jié)目、報(bào)刊雜志等）都以線性方式提供信息，即按照信息提供者的感覺、體驗(yàn)和事先確定的格式來傳播。而在Web環(huán)境下，人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。網(wǎng)頁中使用的交互性、多維性和多種媒體的綜合性，是網(wǎng)頁版面設(shè)計(jì)的完美體現(xiàn)。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是網(wǎng)頁版面設(shè)計(jì)時(shí)必須考慮的問題。多維性源于超級(jí)鏈接，主要體現(xiàn)在網(wǎng)頁設(shè)計(jì)中對(duì)導(dǎo)航的設(shè)計(jì)上。使用超鏈接，網(wǎng)頁的組織結(jié)構(gòu)更加豐富，受眾可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前人們接受信息的線性方式。但要注意頁面之間的關(guān)系不能過于復(fù)雜，否則不僅使受眾檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來了更大的困難。為了讓受眾在網(wǎng)頁上迅速找到所需的信息，設(shè)計(jì)者必須考慮快捷而完善的導(dǎo)航設(shè)計(jì)。2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則3.版面裝飾恰當(dāng)對(duì)網(wǎng)頁設(shè)計(jì)來講，裝飾應(yīng)該追尋簡潔化，功能與裝飾的結(jié)合才是一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品?！昂啙嵕褪敲馈?，是單純化成為現(xiàn)代設(shè)計(jì)美的重要因素。過于復(fù)雜的裝飾是對(duì)主題的重大考驗(yàn)。網(wǎng)頁上的很多功能都是通過超級(jí)連接的按鈕和圖片來完成的。

如圖2-3所示，主頁上的許多符號(hào)就是起到按鈕的作用。因此說單純的裝飾在網(wǎng)站上是不多的，在商業(yè)性很強(qiáng)的網(wǎng)站上每個(gè)位子都是有價(jià)值的。而且復(fù)雜的裝飾必然影響加載的速度，影響點(diǎn)擊率。2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則4.網(wǎng)頁版面的視覺沖擊力現(xiàn)在同類的網(wǎng)站多如牛毛，各種各樣的網(wǎng)頁也呈現(xiàn)出爭奇斗艷的趨勢。那么怎樣能讓一個(gè)網(wǎng)頁在眾多的網(wǎng)站中獨(dú)樹一幟，讓人們能對(duì)它過目不忘呢？除了內(nèi)容上的新穎外，極具視覺沖擊力的網(wǎng)頁設(shè)計(jì)也起到了極大的作用。優(yōu)秀的網(wǎng)頁版式設(shè)計(jì)能使人們的視線在這個(gè)頁面上停留，并傳遞網(wǎng)頁里的相關(guān)信息。而色彩則是一個(gè)網(wǎng)頁給人的最初印象，它對(duì)網(wǎng)頁的可讀性、視覺舒適性都會(huì)產(chǎn)生極大的影響，如圖2-4所示。人們能感受到色彩的情感，這是人們長期生活在一個(gè)色彩的世界中，積累著許多視覺經(jīng)驗(yàn)，一旦知覺經(jīng)驗(yàn)與外來色彩刺激發(fā)生一定的呼應(yīng)時(shí)，就會(huì)在人的心理上引出某種情緒。在網(wǎng)站設(shè)計(jì)中也要遵循色彩的原則，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不用的色彩進(jìn)行組合，搭配來構(gòu)成美麗的頁面。2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則2.1網(wǎng)頁版式設(shè)計(jì)應(yīng)遵循的原則2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容網(wǎng)頁版式設(shè)計(jì)作為人與信息交流的媒介，其基本要素是文字和圖像，運(yùn)用圖像、字體和色彩等視覺元素，達(dá)到信息傳達(dá)和審美的目的。它們之間的組合構(gòu)成方式的合理性，是準(zhǔn)確傳遞信息和符合視覺審美規(guī)律的基本要求。2.2.1網(wǎng)頁的標(biāo)題設(shè)計(jì)在網(wǎng)頁的版式設(shè)計(jì)中，好的標(biāo)題設(shè)計(jì)可令人賞心悅目，能形成網(wǎng)頁的整體風(fēng)格。標(biāo)題所在的欄目一般位于網(wǎng)頁的上方，并且左右貫穿整個(gè)網(wǎng)頁；標(biāo)題的背景可以使用動(dòng)態(tài)或靜態(tài)的圖片，這一點(diǎn)是由網(wǎng)頁的交互式特性所決定的，如圖所示，整個(gè)標(biāo)題采用通欄設(shè)計(jì)，通透、簡潔明了。

第2章網(wǎng)頁版式設(shè)計(jì)

2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2.2文字的編排文字在排版設(shè)計(jì)中，不僅僅局限于信息傳達(dá)意義上的概念，而更是一種高尚的藝術(shù)表現(xiàn)形式。文字已提升到啟迪性和宣傳性、引領(lǐng)人們的審美時(shí)尚的新視角。文字是任何版面的核心，也是視覺傳達(dá)最直接的方式，運(yùn)用經(jīng)過精心處理的文字材料，完全可以制作出效果很好的版面，而不需要任何圖形，因此說文字是網(wǎng)頁最重要的元素，文字的編排可以說是視覺版式的主題設(shè)計(jì)。1．字號(hào)、字體通常情況下，最適合于網(wǎng)頁正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點(diǎn)，由于在一個(gè)頁面中需要安排的內(nèi)容較多，通常采用9磅的字號(hào)。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字號(hào)容易產(chǎn)生整體感和精致感，但可讀性較差。

2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容在同一頁面中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩，但關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個(gè)比例關(guān)系。2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.字距與行距字距與行距的把握是設(shè)計(jì)師對(duì)版面的心理感受，也是設(shè)計(jì)師設(shè)計(jì)品味的直接體現(xiàn)。一般的行距在常規(guī)的比例應(yīng)為：用字8點(diǎn)，行距則為10點(diǎn)，即8：10。但對(duì)于一些特殊的版面來說，字距與行距的加寬或縮緊，更能體現(xiàn)主題的內(nèi)涵?，F(xiàn)代國際上流行將文字分開排列的方式，感覺疏朗清新、現(xiàn)代感強(qiáng)。因此，字距與行距不是絕對(duì)的，應(yīng)根據(jù)實(shí)際情況而定。3.文字的強(qiáng)調(diào)

⑴行首的強(qiáng)調(diào)；⑵引文的強(qiáng)調(diào)；⑶個(gè)別文字的強(qiáng)調(diào)如果將個(gè)別文字作為頁面的訴求重點(diǎn)，則可以通過加粗、加框、加下劃線、加指示性符號(hào)、傾斜字體等手段有意識(shí)地強(qiáng)化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。另外，改變某些文字的顏色，也可以使這部分文字得到強(qiáng)調(diào)。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則，如圖2-10所示。2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2.3圖文的結(jié)合在網(wǎng)頁的版式設(shè)計(jì)中只應(yīng)用文字也不適合人們長期閱讀，所以網(wǎng)頁在版式上都是文字和圖片相互搭配。圖文結(jié)合主要有兩種表現(xiàn)形式，一是文字配圖形的形式，這里的圖形是網(wǎng)頁的主體，文字是輔助存在的，如圖2-11所示。比如一些新聞?lì)惖木W(wǎng)站，圖有時(shí)不能表明一件事情的始末，所以要用文字配合說明。二是圖形配文字的形式。在這里要把握圖形和文字的關(guān)系，根據(jù)不同類別的網(wǎng)站靈活搭配，如圖2-12所示。2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2.4頁面的節(jié)奏韻律節(jié)奏是從音樂中派生出來的一個(gè)很感性的詞匯，它需要根據(jù)設(shè)計(jì)的風(fēng)格和受眾感情綜合起來體會(huì)。一個(gè)網(wǎng)頁展示給人們的是輕松愉快的節(jié)奏，如一個(gè)娛樂類或音樂類的網(wǎng)站，網(wǎng)頁設(shè)計(jì)風(fēng)格的節(jié)奏就是輕松歡暢的；一個(gè)新聞?lì)惖木W(wǎng)站給人的節(jié)奏就應(yīng)該是快速律動(dòng)的；一個(gè)軍事類的網(wǎng)站給人的節(jié)奏就是嚴(yán)肅莊重的，等等。這就是節(jié)奏。如圖2-13所示，應(yīng)根據(jù)其內(nèi)容選擇設(shè)計(jì)風(fēng)格，若在版式設(shè)計(jì)上只追求節(jié)奏韻律會(huì)適得其反。2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.2網(wǎng)頁版式設(shè)計(jì)的基本內(nèi)容2.3網(wǎng)頁版式構(gòu)成分類網(wǎng)頁設(shè)計(jì)如果僅從網(wǎng)頁版式構(gòu)成分類而言，主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對(duì)稱型、焦點(diǎn)型、三角型、自由型十種。

1.骨骼型網(wǎng)頁中的骨骼型版式是一種規(guī)范的、理性的設(shè)計(jì)形式，類似于報(bào)刊的版式。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等，如圖2-14、圖2-15所示。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，顯得網(wǎng)頁既理性、條理、又活潑而富有彈性。2.3網(wǎng)頁版式構(gòu)成分類2.3網(wǎng)頁版式構(gòu)成分類2.滿版型頁面以圖像充滿整版，如圖2-16、圖2-17所示。頁面主要以圖像為訴求點(diǎn)，將少量文字壓制于圖像之上。視覺傳達(dá)效果直觀而強(qiáng)烈。滿版型給人以舒展、大方的感覺。美中不足的是，限于當(dāng)前網(wǎng)絡(luò)寬帶對(duì)大幅圖像的傳輸速度較慢，這種版式多見于強(qiáng)調(diào)藝術(shù)性或個(gè)性的網(wǎng)頁設(shè)計(jì)中。2.3網(wǎng)頁版式構(gòu)成分類2.3網(wǎng)頁版式構(gòu)成分類3.分割型分割型版式設(shè)計(jì)，是把整個(gè)頁面分成上下或左右兩部分，分別安排圖片和文案。兩個(gè)部分形成明顯的對(duì)比：有圖片的部分感性而具活力，文案部分則理性而平靜，如圖2-18所示。設(shè)計(jì)實(shí)踐中，可以通過調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對(duì)比的強(qiáng)弱。如果圖片所占比例過大，文案使用的字體過于纖細(xì)，字距、行距、段落的安排又很疏落，則易造成視覺的不平衡，顯得生硬、強(qiáng)烈。倘若通過文字或圖片將分割線虛化處理，就會(huì)產(chǎn)生自然和諧的效果。2.3網(wǎng)頁版式構(gòu)成分類2.3網(wǎng)頁版式構(gòu)成分類4.中軸型中軸型版式，是沿著頁面的視覺中軸將圖片或文字作水平或垂直方向的排列，如圖2-19所示。水平排列的頁面，給人穩(wěn)定、平靜、含蓄的感覺。垂直排列的頁面，給人以舒暢的感覺。2.3網(wǎng)頁版式構(gòu)成分類5.曲線型曲線型版式，是圖片或文字在頁面上作曲線的編排構(gòu)成。如圖2-20所示，這種編排方式能產(chǎn)生韻律感與節(jié)奏感。2.3網(wǎng)頁版式構(gòu)成分類6.傾斜型傾斜型版式，是頁面主題形象或多幅圖片、文字作傾斜編排。它能造成頁面強(qiáng)烈的動(dòng)感，引人注目。如圖2-21所示，利用傾斜式的圖片突出產(chǎn)品。2.3網(wǎng)頁版式構(gòu)成分類7.對(duì)稱型對(duì)稱型的頁面版式，給人以穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感受，如圖2-22所示。對(duì)稱，分為絕對(duì)對(duì)稱和相對(duì)對(duì)稱兩種類型。一般采用相對(duì)對(duì)稱的手法，以避免版式呆板。2.3網(wǎng)頁版式構(gòu)成分類8.焦點(diǎn)型焦點(diǎn)型的網(wǎng)頁版式，通過對(duì)視線的誘導(dǎo)，使頁面具有強(qiáng)烈的視覺效果，如圖2-23所示。焦點(diǎn)型分三種情況。

①中心：以對(duì)比強(qiáng)烈的圖片或文字置于頁面的視覺中心。

②向心：視覺元素引導(dǎo)瀏覽者視線向頁面中心聚攏，就形成了一個(gè)向心的版式。向心版式是集中的、穩(wěn)定的，是一種傳統(tǒng)的手法。

③離心：視覺元素引導(dǎo)瀏覽者視線向外輻射，則形成一個(gè)離心的網(wǎng)頁版式。離心版式是外向的、活潑的，更具現(xiàn)代感，運(yùn)用時(shí)應(yīng)注意避免凌亂。2.3網(wǎng)頁版式構(gòu)成分類2.3網(wǎng)頁版式構(gòu)成分類9.三角型這種版式是網(wǎng)頁視覺元素呈三角形排列。正三角形（金字塔型）最具穩(wěn)定性，倒三角形則產(chǎn)生動(dòng)感。側(cè)三角型構(gòu)成一種均衡版式，既安定又有動(dòng)感，如圖2-24所示。2.3網(wǎng)頁版式構(gòu)成分類10.自由型自由型的頁面具有活潑、輕快的風(fēng)格，如圖2-25所示。2.3網(wǎng)頁版式構(gòu)成分類2.4網(wǎng)頁界面設(shè)計(jì)案例制作第3章網(wǎng)頁創(chuàng)意與規(guī)劃設(shè)計(jì)

網(wǎng)頁是信息傳播的媒體，但又不同于傳統(tǒng)媒體，有自己的特殊性。網(wǎng)頁具有交互性、多維性、整合性、不確定性等特點(diǎn)，它與技術(shù)的結(jié)合更為密切，網(wǎng)頁的超級(jí)鏈接功能也使它比傳統(tǒng)媒體更具吸引力。正是因?yàn)檫@些特殊性，網(wǎng)頁的設(shè)計(jì)與發(fā)布也有一個(gè)特殊的流程。一個(gè)成功的網(wǎng)站離不開周密的前期規(guī)劃，就像要去一個(gè)陌生的地方前要事先打聽好路線一樣，否則就有可能迷失方向。

3.1為網(wǎng)站制定目標(biāo)網(wǎng)站制定的目標(biāo)可分為長期目標(biāo)和短期目標(biāo)，長期目標(biāo)是一個(gè)戰(zhàn)略性的指導(dǎo)方向，而短期目標(biāo)的實(shí)現(xiàn)直接關(guān)系到企業(yè)的利益，因此短期目標(biāo)的制定更為關(guān)鍵。3.1.1對(duì)市場的預(yù)測和分析建立網(wǎng)站前的市場分析通常要了解相關(guān)行業(yè)的市場是怎樣的，有什么樣的特點(diǎn)，是否適合在互聯(lián)網(wǎng)上開展公司的相關(guān)業(yè)務(wù)，還要分析競爭對(duì)手的網(wǎng)站內(nèi)容、功能和作用等，根據(jù)公司自身的條件分析公司的概況和市場優(yōu)勢。當(dāng)然這些工作可能不需要親自去做，大的公司會(huì)有專門的部門去做市場調(diào)研，但是，作為設(shè)計(jì)者必須仔細(xì)閱讀委托方提供的這些相關(guān)資料，否則設(shè)計(jì)出的作品可能與實(shí)際情況大相徑庭。3.1為網(wǎng)站制定目標(biāo)3.1.2網(wǎng)站的項(xiàng)目規(guī)劃與組織如果已經(jīng)了解了公司自身的狀況、優(yōu)勢等信息，接下來就要考慮將要建立行業(yè)門戶網(wǎng)站，根據(jù)公司的需要和計(jì)劃來確定網(wǎng)站的功能是電子商務(wù)類型、產(chǎn)品宣傳類型還是其他類型等。

1.項(xiàng)目規(guī)劃規(guī)劃和設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的前提條件。設(shè)計(jì)者必須認(rèn)真對(duì)待站點(diǎn)開發(fā)計(jì)劃，這樣才能使網(wǎng)站的建設(shè)經(jīng)得起時(shí)間的考驗(yàn)。這一階段可稱為項(xiàng)目規(guī)劃階段。本階段，首先要明確建立站點(diǎn)的目的，也就是先搞清楚要建立的網(wǎng)站類別究竟屬于以下哪種情況。2．內(nèi)容組織無論設(shè)計(jì)一個(gè)什么樣的站點(diǎn)，內(nèi)容的組織都將是最大的挑戰(zhàn)。這包括三個(gè)方面的工作：搜集篩選內(nèi)容、組織內(nèi)容、編寫腳本。3.1為網(wǎng)站制定目標(biāo)3.1.3.網(wǎng)站建設(shè)網(wǎng)站的建設(shè)可以按照以下步驟進(jìn)行。

⑴設(shè)定網(wǎng)站導(dǎo)航、欄目

⑵網(wǎng)頁設(shè)計(jì)

⑶測試發(fā)布

⑷后期維護(hù)

⑸網(wǎng)站推廣

⑹反饋評(píng)估3.1為網(wǎng)站制定目標(biāo)3.1.4改版案例制作榮海財(cái)富的現(xiàn)有網(wǎng)頁主頁征集設(shè)計(jì)的首頁改版效果

3.1為網(wǎng)站制定目標(biāo)3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法網(wǎng)站的創(chuàng)意是網(wǎng)站的靈魂所在，好的創(chuàng)意可以讓訪問者印象深刻，過目不忘，使網(wǎng)站充滿魅力，個(gè)性鮮明。網(wǎng)頁風(fēng)格和網(wǎng)站創(chuàng)意有直接的聯(lián)系，網(wǎng)站風(fēng)格要和網(wǎng)站創(chuàng)意相統(tǒng)一，網(wǎng)頁的整體設(shè)計(jì)風(fēng)格依靠圖形、色彩、文字等元素來表現(xiàn)，不同性質(zhì)的行業(yè)網(wǎng)站應(yīng)體現(xiàn)出不同的風(fēng)格類型。兒童最喜歡明快的色彩、卡通般的圖畫和跳動(dòng)的節(jié)拍，因此兒童網(wǎng)站在風(fēng)格設(shè)計(jì)上一定要讀懂兒童的心理，如圖3-50、圖3-51所示。第3章網(wǎng)頁創(chuàng)意與規(guī)劃設(shè)計(jì)3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法3.2.1.創(chuàng)意是網(wǎng)頁的靈魂人類與動(dòng)物的最大區(qū)別就是善于思考，否則統(tǒng)治地球的可能就是老虎、大象、或者猴子什么的，人類不僅善于思考，還擅長創(chuàng)造性的想象，我們的生活也因此日益豐富多彩。很難想象一個(gè)毫無創(chuàng)意的網(wǎng)站能讓你長時(shí)間停留下去，只有充滿趣味、想象力的網(wǎng)站才能吸引更多的訪問者，創(chuàng)意就像是網(wǎng)頁的靈魂，可以讓網(wǎng)站變得生動(dòng)起來。如圖3-52所示，將中國傳統(tǒng)的紅棉襖與汽車結(jié)合在一起，展現(xiàn)春節(jié)的喜慶氣氛。雖然是汽車的招貼廣告，但是這種創(chuàng)意的思想同樣對(duì)網(wǎng)頁創(chuàng)意有幫助。3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法3.2.2網(wǎng)頁創(chuàng)意方法一個(gè)優(yōu)秀的創(chuàng)意需要通過創(chuàng)造性思維才能獲得，創(chuàng)造性思維是一種具有創(chuàng)造性意義的思維活動(dòng)，創(chuàng)造性思維能力的獲得要經(jīng)過長期的知識(shí)、經(jīng)驗(yàn)積累、智能訓(xùn)練、素質(zhì)磨礪才能具備，創(chuàng)造性思維的過程離不開推理、想象、直覺等思維活動(dòng)。創(chuàng)意和創(chuàng)造性思維有著直接的聯(lián)系，創(chuàng)意是一個(gè)創(chuàng)造未知事物的思維過程，創(chuàng)意的獲得雖然很復(fù)雜，但也有一定的方法和規(guī)律可循。3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法⑴聯(lián)想法聯(lián)想是藝術(shù)形式中最常用的表現(xiàn)手法。在審美的過程中通過豐富的聯(lián)想，能突破時(shí)空的界限，擴(kuò)大藝術(shù)形象的容量，加深畫面的意境。⑵對(duì)比法對(duì)比是一種趨向于對(duì)立沖突的藝術(shù)美中最突出的表現(xiàn)手法。在網(wǎng)頁設(shè)計(jì)形式中加入不和諧的元素，把網(wǎng)頁作品中所描繪的事物的性質(zhì)和特點(diǎn)放在鮮明的對(duì)照和直接對(duì)比中來表現(xiàn)，借此彼顯，互比互襯，從對(duì)比所呈現(xiàn)的差別中，達(dá)到集中、簡潔、曲折變化的表現(xiàn)。3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法⑶夸張法夸張是創(chuàng)作的基本原則，借助想象，使用夸張的手法能更鮮明地強(qiáng)調(diào)或揭示事物的實(shí)質(zhì)，強(qiáng)化作品的藝術(shù)效果，是很常用的表現(xiàn)手法，但有一點(diǎn)需要注意，夸張要具有合理性。3.2網(wǎng)頁設(shè)計(jì)的創(chuàng)意方法⑷趣味、幽默法趣味指網(wǎng)頁作品中巧妙地再現(xiàn)喜劇性特征，創(chuàng)造出一種充滿情趣、能引人發(fā)笑而又耐人尋味的意境，引起欣賞者會(huì)心一笑。幽默法是指抓住生活現(xiàn)象中局部性的東西，通過人們的性格、外貌和舉止的某些可笑的特征表現(xiàn)出來。幽默的表現(xiàn)手法，往往運(yùn)用饒有風(fēng)趣的情節(jié)，巧妙的安排，把某種需要肯定的事物，無限延伸到漫畫的程度。⑸比喻法比喻法是指在設(shè)計(jì)過程中選擇兩個(gè)各不相同，而在某些方面又有些相似性的事物，“以此物喻彼物”，比喻的事物與主題沒有直接的關(guān)系，但是某一點(diǎn)上與主題的某些特征有相似之處，因而可以借題發(fā)揮，進(jìn)行延伸轉(zhuǎn)化，獲得“婉轉(zhuǎn)曲達(dá)”的藝術(shù)效果。⑹巧設(shè)懸念法在表現(xiàn)手法上故弄玄虛，布下疑陣，使人對(duì)網(wǎng)頁乍看不解題意，造成一種猜疑和緊張的心理狀態(tài)，在瀏覽者的心理上掀起層層波瀾，產(chǎn)生夸張的效果，驅(qū)動(dòng)瀏覽者的好奇心和強(qiáng)烈舉動(dòng)，開啟積極的思維聯(lián)想，引起觀眾進(jìn)一步探明廣告題意之所在的強(qiáng)烈愿望，然后通過網(wǎng)頁標(biāo)題或正文把網(wǎng)頁的主題點(diǎn)明出來，使懸念得以解除，給人留下難忘的心理感受。⑺以小見大以小見大中的“小”，是網(wǎng)頁中描寫的焦點(diǎn)和視覺興趣中心，它既是網(wǎng)頁創(chuàng)意的濃縮和升華，也是設(shè)計(jì)者匠心獨(dú)具的安排，因而它已不是一般意義的“小”，而是小中寓大，以小勝大的高度提煉的產(chǎn)物，是簡潔的刻意追求。以細(xì)節(jié)見整體，以管窺豹。⑻注重情感藝術(shù)的感染力最有直接作用的是感情因素，而以人為本是使藝術(shù)加強(qiáng)傳達(dá)感情的特征，在表現(xiàn)手法上側(cè)重選擇具有感情傾向的內(nèi)容，以美好的感情來烘托主題，真實(shí)而生動(dòng)地反映這種審美感情就能獲得以情動(dòng)人，發(fā)揮藝術(shù)感染人的力量，這是現(xiàn)代網(wǎng)頁設(shè)計(jì)的文學(xué)側(cè)重和美的意境與情趣的追求。⑼偶像法這種方法的效果非常好，創(chuàng)意的受關(guān)注程度和偶像的知名度有關(guān)。在現(xiàn)實(shí)生活中，人們心里都有自己崇拜、仰慕或效仿的對(duì)象，而且有一種想盡可能地向他靠近的心理欲求，從而獲得心理上的滿足。⑽懷舊法這類網(wǎng)頁設(shè)計(jì)以傳統(tǒng)風(fēng)格和古舊形式來吸引瀏覽者。古典傳統(tǒng)創(chuàng)意適合應(yīng)用于以傳統(tǒng)藝術(shù)和文化為主題的網(wǎng)站中，將書法、繪畫、建筑、音樂、戲曲等傳統(tǒng)文化中獨(dú)具的民族風(fēng)格，融入到網(wǎng)頁設(shè)計(jì)的創(chuàng)意中。⑾時(shí)尚法流行時(shí)尚的創(chuàng)意手法是通過鮮明的色彩、單純的形象以及編排上的節(jié)奏感，體現(xiàn)出流行的形式特征。設(shè)計(jì)者可以利用不同類別的視覺元素，給瀏覽者強(qiáng)烈、不安定的視覺刺激感和炫目感。⑿個(gè)性法要想在因特網(wǎng)上無數(shù)的網(wǎng)頁中脫穎而出，就要采用個(gè)性化的設(shè)計(jì)語言。要求得個(gè)性化，設(shè)計(jì)者可以有意識(shí)地?cái)[脫陳舊與平庸的設(shè)計(jì)模式，追求輕松、詼諧的表現(xiàn)形式，或者創(chuàng)造某種神秘、混亂甚至怪誕的氣氛，來表現(xiàn)新穎獨(dú)特的個(gè)性，達(dá)到吸引瀏覽者、引起共鳴、接收信息的目的。⒀綜合法綜合設(shè)計(jì)中廣泛應(yīng)用的方法，從各個(gè)元素的適宜性處理中體現(xiàn)出設(shè)計(jì)師的創(chuàng)作意圖，追求和諧的美感。在分析各個(gè)構(gòu)成要素的基礎(chǔ)上加以組合，使整個(gè)界面整體形式表現(xiàn)出創(chuàng)造性的新成果。3.3小福屋網(wǎng)頁案例制作第4章網(wǎng)頁配色

網(wǎng)頁設(shè)計(jì)作為一門新興學(xué)科，其色彩風(fēng)格的審美情趣必然帶有鮮明的時(shí)代特征。后現(xiàn)代主義（PostModernism）設(shè)計(jì)思潮與網(wǎng)頁設(shè)計(jì)幾乎同時(shí)興起，為網(wǎng)頁設(shè)計(jì)風(fēng)格奠定基礎(chǔ)。后現(xiàn)代主義設(shè)計(jì)師標(biāo)榜個(gè)性化和象征性，通常采用獨(dú)特的色彩手法，如象征、隱喻、幽默等裝飾手段力求將現(xiàn)實(shí)與歷史文化完美結(jié)合起來，創(chuàng)造出許多個(gè)性鮮明的網(wǎng)頁設(shè)計(jì)作品。隨著時(shí)代的變遷，適應(yīng)新時(shí)代的設(shè)計(jì)思想也隨著變化，優(yōu)秀的設(shè)計(jì)師應(yīng)緊跟時(shí)代潮流，敏銳地觸摸到色彩的審美變化和對(duì)色彩感情的影響，從而確立網(wǎng)頁獨(dú)具個(gè)性的色彩風(fēng)格。4.1認(rèn)識(shí)色彩色彩是人們常見的事物，但是仔細(xì)的問起來又是很難講明白的一件事情。因?yàn)樯始仁且婚T藝術(shù)，也是一門科學(xué)。4.1.1.何為色彩色彩并不是物體本身固有的，物體的顏色是物體本身吸收和反射光波的結(jié)果。色彩與光有著極為密切的聯(lián)系，同時(shí)又影響到人們的直覺。物體表面色彩的形成取決于三個(gè)方面：光源的照射、物體本身反射一定的色光、環(huán)境與空間對(duì)物體色彩的影響。光源色：由各種光源發(fā)出的光，光波的長短、強(qiáng)弱、比例性質(zhì)的不同形成了不同的色光，稱為光源色。物體色：物體色本身不發(fā)光，它是光源色經(jīng)過物體的吸收反射，反映到視覺中的光色感覺，通常把這些本身不發(fā)光的的色彩統(tǒng)稱為物體色。4.1認(rèn)識(shí)色彩4.1.2.色彩三要素色彩的三要素也稱之為色彩三屬性，是指任何一種色彩同時(shí)含有的三種屬性，即色相、明度和純度色彩三要素在色彩構(gòu)成中，最需要設(shè)計(jì)師解決的問題是色彩之間的色差大小和配置，三者之間要整體的、兼顧地使用，包括色彩之間的關(guān)系、色與性之間的關(guān)系、色與人之間的關(guān)系等。

1.色相(Hue)

又叫色名（Hue，簡稱為Ｈ；或譯為色相）是區(qū)分色彩的名稱，也就是色彩的名字，就如同人的姓名一般，用來辨別不同的人。除了黑白灰以外的色彩都有色相的屬性。

4.1認(rèn)識(shí)色彩2.明度(Value)

明度（Value簡稱Ｖ）指顏色的亮度。光線強(qiáng)時(shí)，感覺比較亮，光線弱時(shí)感覺比較暗，色彩的明暗強(qiáng)度就是所謂的明度，明度高是指色彩較明亮，而相對(duì)的明度低，就是色彩較灰暗。無彩色中最亮是白，最暗是黑。黑白之間不同程度的灰都具有不同的明度。3.純度(Chroma)

又叫彩度（Chroma，簡稱Ｃ）是指色彩的純度，通常以某彩色的純度所占的比例，來分辨彩度的高低，純色比例高為彩度高，純色比例低為彩度低，在色彩鮮艷狀況下，通常很容易感覺高彩度，但有時(shí)不易作出正確的判斷，因?yàn)槿菀资艿矫鞫鹊糜绊?，譬如人們最容易誤會(huì)的是，黑白灰是屬於無彩度的，他們只有明度。4.1認(rèn)識(shí)色彩4.1.3色彩對(duì)比

兩種以上的色彩，以空間或時(shí)間關(guān)系相比較，表現(xiàn)出明顯的差別，并產(chǎn)生比較作用，被稱為色彩對(duì)比。1.色相對(duì)比即因色相之間的差別形成對(duì)比。當(dāng)主色相確定后，必須考慮其他色彩與主色相是什么關(guān)系，要表現(xiàn)什么內(nèi)容及效果等，這樣才能增強(qiáng)其表現(xiàn)力。2.明度對(duì)比因明度之間的差別形成的對(duì)比。（檸檬黃明度高，藍(lán)紫色的明度低，橙色和綠色屬中明度，紅色與藍(lán)色屬中低明度）。

4.1認(rèn)識(shí)色彩3.純度對(duì)比一種顏色與另一種更鮮艷的顏色相比時(shí)，會(huì)感覺不太鮮明，但與不鮮艷的顏色相比時(shí)，則顯得鮮明，這種色彩的對(duì)比便稱為純度對(duì)比。

4.補(bǔ)色對(duì)比將紅與綠、黃與紫、藍(lán)與橙等具有補(bǔ)色關(guān)系的色彩彼此并置，使色彩感覺更為鮮明，純度增加，稱為補(bǔ)色對(duì)比。

5.冷暖對(duì)比由于色彩感覺的冷暖差別而形成的色彩對(duì)比，稱為冷暖對(duì)比。4.1認(rèn)識(shí)色彩4.1.4色調(diào)的變化色調(diào)傾向大致可歸納成鮮色調(diào)、灰色調(diào)、淺色調(diào)、深色調(diào)、中色調(diào)等。

1．鮮色調(diào)在確定色相對(duì)比的角度、距離后，尤其是中差（90度）以上的對(duì)比時(shí)，必須與無彩色的黑、白、灰及金、銀等光澤色相配，在高純度、強(qiáng)對(duì)比的各色相之間起到間隔、緩沖、調(diào)節(jié)的作用，以達(dá)到既鮮艷又真實(shí)、既變化又統(tǒng)一的積極效果。感覺生動(dòng)、華麗、興奮、自由、積極、健康等。

2．灰色調(diào)在確定色相對(duì)比的角度、距離后，于各色相之中調(diào)入不同程度、不等數(shù)量的灰色，使大面積的總體色彩向低純度方向發(fā)展，為了加強(qiáng)這種灰色調(diào)傾向，最好與無彩色特別是灰色組配使用。感覺高雅、大方、沉著、古樸、柔弱等4.1認(rèn)識(shí)色彩4.1認(rèn)識(shí)色彩3．深色調(diào)在確定色相對(duì)比的角度、距離時(shí)，首先考慮多選用些低明度色相，如藍(lán)、紫、藍(lán)綠、藍(lán)紫、紅紫等，然后在各色相之中調(diào)入不等數(shù)量的黑色或深色，同時(shí)為了加強(qiáng)這種深色傾向，最好與無彩色中的黑色組配使用，感覺老練、充實(shí)、古雅、樸實(shí)、強(qiáng)硬、穩(wěn)重、男性化等。4．淺色調(diào)在確定色相對(duì)比的角度、距離時(shí)，首先考慮多選用些高明度色相，如黃、桔、桔黃、黃綠等，然后在各色相之中調(diào)入不等數(shù)量的白色或淺灰色，同時(shí)為了加強(qiáng)這種粉色調(diào)傾向，最好與無彩色中的白色組配使用。4.1認(rèn)識(shí)色彩4.1認(rèn)識(shí)色彩5．中色調(diào)中色調(diào)是一種使用最普遍、數(shù)量最眾多的配色傾向，在確定色相對(duì)比的角度、距離后，于各色相中