網(wǎng)頁藝術(shù)設(shè)計基礎(chǔ)

1、1. 明確標(biāo)題明確標(biāo)題 ：店名，公司名，網(wǎng)站名等標(biāo)題要明確，大小顏色的強弱適：店名，公司名，網(wǎng)站名等標(biāo)題要明確，大小顏色的強弱適當(dāng)。當(dāng)。2. 明示信息明示信息 : 信息內(nèi)容，行業(yè)種類要明確，版面風(fēng)風(fēng)格與畫面整體的形信息內(nèi)容，行業(yè)種類要明確，版面風(fēng)風(fēng)格與畫面整體的形像要一致。如建筑行業(yè)的網(wǎng)站，主圖就不要放如汽車這類與建筑無關(guān)的像要一致。如建筑行業(yè)的網(wǎng)站，主圖就不要放如汽車這類與建筑無關(guān)的圖。圖。3. 整理目錄信息整理目錄信息 : 想找的工程錄上能找到，信息整理過，可讀性強，不想找的工程錄上能找到，信息整理過，可讀性強，不用移動畫面就可以找到工程，可以利用空白，劃線，色塊進行分組。用移動畫面就可以

2、找到工程，可以利用空白，劃線，色塊進行分組。4. 傳達信任感傳達信任感 : 畫面整體保持平衡感，值得信賴完美的圖片，隔開輔畫面整體保持平衡感，值得信賴完美的圖片，隔開輔助造型，端正形狀，插圖的水準(zhǔn)。不要配色與插圖粗糙可疑，目錄信息助造型，端正形狀，插圖的水準(zhǔn)。不要配色與插圖粗糙可疑，目錄信息缺乏可信度。缺乏可信度。5. 表達歡送態(tài)度表達歡送態(tài)度 : 畫面整體表達一種歡送的態(tài)度，使訪問者的心情平和，畫面整體表達一種歡送的態(tài)度，使訪問者的心情平和，安定。可以通過配色，語言表示歡送。安定?？梢酝ㄟ^配色，語言表示歡送。 6. 加強說服力：醒目，印象強烈尋找印象深刻的圖片，造型的強度，加強說服力：醒目，

3、印象強烈尋找印象深刻的圖片，造型的強度，增強比照，提高說服力，高雅風(fēng)格的主頁。增強比照，提高說服力，高雅風(fēng)格的主頁。 色彩具有三種屬性，即色相、亮度、飽和度。HSB模型以人類對顏色的感覺為根底，描述了顏色的三種根本特性： (1) 色相是從物體反射或透過物體傳播的顏色。在0360 的標(biāo)準(zhǔn)色輪上，按位置度量色相。在通常的使用中，色相由顏色名稱標(biāo)識，如紅色、橙色或綠色。 (2) 亮度是顏色的相對明暗程度，通常用0%(黑色)100%(白色)的百分比來度量。 (3) 飽和度(有時稱為彩度)是指顏色的強度或純度。飽和度表示色相中灰色分量所占的比例，它使用0%(灰色)100%(完全飽和)的百分比來度量。在標(biāo)

4、準(zhǔn)色輪上，飽和度從中心到邊緣遞增。 HSB 模型 自然界的白色光(如陽光)是由紅(Red)、綠(Green)、藍(Blue)三種波長不同的顏色光組成的(其深層原因是由于人類視網(wǎng)膜上只有感受紅、綠、藍三種波長的感光細胞)。這三種顏色稱為RGB三原色。三種原色中的任意兩種顏色相互重疊，就會產(chǎn)生間色；三種原色相互混合形成白色，所以又稱為“加色法三原色，如下圖。計算機顯示器與電視機屏幕的顏色組成原理相同，是由能在屏幕上分別打出紅(R)、綠(G)、藍(B)三種熒光的三種電子槍掃描合成的。它們大多采用24 bit系統(tǒng)，能顯示224種顏色。加色法三原色 CMYK模型以打印在紙上的油墨的光線吸收特性為根底。當(dāng)

5、白光照射到半透明油墨上時，某些可見光波長被吸收，而其他波長那么被反射回眼睛。 理論上，青色(C)、洋紅(M)和黃色(Y)色素在合成后可以吸收所有光線并產(chǎn)生黑色。因此稱這些顏色為減色，同時洋紅、青色、黃色又稱為“減色法三原色，如下圖。由于所有打印油墨都包含一些雜質(zhì)，因此這三種油墨實際生成土灰色，必須與黑色(K)油墨合成才能生成真正的黑色(為防止與藍色混淆，黑色用K而非B表示)。將這些油墨混合重現(xiàn)顏色的過程稱為四色印刷。 減色(CMYK)和加色(RGB)是互補色。每對減色產(chǎn)生一種加色，反之亦然。減色法三原色L * a * b模型模型 L*a*b顏色與設(shè)備無關(guān)，無論使用何種設(shè)備(如顯示器、打印機、計

6、算機或掃描儀)創(chuàng)立或輸出圖像，這種模型都能生成一致的顏色。 L*a*b顏色由亮度或光亮度分量(L)和兩個色度分量組成。其中，這兩個色度分量是a分量(從綠色到紅色)和b分量(從藍色到黃色)。 以下圖表示的是L*a*b模型：A為亮度=100(白色)；B為綠色到紅色分量；C為藍色到黃色分量；D為亮度=0(黑色)。ABCDL*a*b模型色彩意象色彩意象 由于生長在一個充滿著色彩的世界里，色彩一直刺激著我們的視覺器官，而色彩也往往是作品給人的第一印象。色彩的視覺效果和我們的味覺效果相似，一樣的材料但因為用了不同的調(diào)味料而有了不同的味道，成功的好吃，失敗的往往讓人難以下咽。色彩對生理與心理都有重大的影響，

7、當(dāng)我們看到色彩時，除了會感覺其物理方面的影響，心里也會立即產(chǎn)生感覺，這種感覺我們一般難以用言語形容，我們稱之為印象，也就是色彩意象。紅色的熱烈紅色的熱烈 紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強的顏色。紅色容易引起人的注意，也容易使人興奮、沖動、緊張、沖動，還是一種容易造成人視覺疲勞的顏色。 在眾多顏色里，紅色是最鮮明生動、最熱烈的顏色，極易吸引人的目光。紅與黑的搭配，在商業(yè)設(shè)計中被譽為商業(yè)成功色，鮮亮的紅色多用于小面積的點綴色。 常見的紅色有大紅、桃紅、磚紅、玫瑰紅等，所表達的情感是不同的。橙色的華麗橙色的華麗 橙色具有輕快、歡欣、收獲、溫馨、時尚的效果。橙色具有極高的興奮度，是

8、最耀眼的色彩，給人以華貴而溫暖，興奮而熱烈的感覺，也是令人振奮的顏色，有健康、富有活力、勇敢自由等象征意義。 在網(wǎng)頁顏色里，橙色適用于視覺要求較高的時尚網(wǎng)站，也常被用于味覺較高的食品網(wǎng)站，是容易引起食欲的顏色。 常見的橙色有鮮橙、橘橙、朱橙、香吉士等。黃色的明快黃色的明快 黃色是陽光的色彩，含有十分年輕的感覺，具有活潑與輕快的特點，象征光明、希望、高貴、愉快。黃色和其他顏色配合很活潑，有溫暖感。黃色也代表著土地，象征著權(quán)力，并且還具有神秘的宗教色彩。 黃色的性格冷漠、傲慢、敏感，具有擴張和不安寧的視覺印象。綠色的活力綠色的活力 綠色與人類息息相關(guān)，是永恒的自然之色，代表了生命與希望，也充滿了青

9、春活力。綠色象征著和平與平安、開展與生機、舒適與安寧、松弛與休息，有緩解眼部疲勞的作用。 綠色在黃色和藍色的冷暖之間，這樣使得綠色的性格最為平和、安穩(wěn)、寬容，是一種恬靜、滿足、優(yōu)美、受歡送的顏色。藍色的博大藍色的博大 藍色是色彩中比較沉靜的顏色，象征著永恒與深邃、高遠與博大、壯闊與浩渺，是令人心境暢快的顏色。 藍色樸實、穩(wěn)重、內(nèi)向的性格，能夠襯托那些性格活潑、具有較強擴張力的色彩，同時也活潑了頁面；另一方面藍色也有消極、冷淡、保守等意味。藍色與紅、黃等顏色運用得當(dāng)，可以構(gòu)成和諧的比照調(diào)和關(guān)系。 藍色也是網(wǎng)站設(shè)計中運用得最多的顏色。紫色的高貴紫色的高貴 紫色是一種在自然界中比較少見的顏色，象征著

10、女性化，代表著高貴與奢華、優(yōu)雅與魅力，也具有莊重、神圣和浪漫的品質(zhì)；另一方面又有孤獨、神秘等意味。 在紫色中紅色的成分較多時，顯得華美、和諧。在紫色中參加少量的黑色，具有沉重、莊嚴(yán)的感覺。在紫色中參加白色，那么變得優(yōu)雅并充滿女性魅力。黑色的色彩意象黑色的色彩意象 黑色是暗色，是純度、色相、明度最低的非彩色，象征著力量，有時感覺沉默、空虛，有時感覺莊嚴(yán)、肅穆，有時又意味著不詳和罪惡，世界各族都公認(rèn)黑色代表死亡和悲哀。黑色還具有吸收光線的特性，有一種變幻無常的感覺。 黑色能和許多色彩構(gòu)成良好的比照調(diào)和關(guān)系，運用范圍很廣，也常來表示英俊的男人。灰色的色彩意象灰色的色彩意象 兩種或兩種以上的色彩混合，

11、如能配上灰色，這兩個色調(diào)本身必能相互調(diào)和。 灰色介于黑色和白色之間，是中性色，具有中等明度、無彩色特點。如搭配不好，頁面容易顯得灰暗、骯臟。任何彩色參加灰色都顯得含蓄而柔和。灰色給人高品位、含蓄、精致等感覺，同時也容易產(chǎn)生頹廢、消極、沮喪、沉悶的意味。 灰色也被稱為高級灰，是經(jīng)久不衰、最經(jīng)看的顏色。白色的色彩意象白色的色彩意象 白色是亮色，是明度最高的非彩色。色感光明，也是最顯眼的顏色之一。白色的性格樸實、純潔、快樂，象征純粹、樸素、高雅等。 作為非彩色，白色與黑色一樣，能與各種顏色相配合，構(gòu)成明快的比照調(diào)和關(guān)系。與鮮明的色彩搭配時，顯得更清爽，更具活力。 通常在網(wǎng)頁配色時，假設(shè)感覺頁面沉悶，

12、可以考慮參加白色試試，往往就是點睛之筆。 色彩調(diào)和是指將兩種或兩種以上的色彩組合在一起時所產(chǎn)生的既協(xié)調(diào)又統(tǒng)一的視覺效果。調(diào)和可以使有明顯差異的色彩變得協(xié)調(diào)統(tǒng)一。我們在日常生活中常常發(fā)現(xiàn)，有的物品色彩搭配非常協(xié)調(diào)、雅致，令人陶醉，而有的卻乏味、低俗。單一的顏色無所謂協(xié)調(diào)，只有在幾種顏色具有根本的共同性或融合性時，才會變得協(xié)調(diào)。以純度較高的紅色和綠色為例，紅與綠是兩種對立的色彩，即我們常說的互補色。假設(shè)我們把兩種面積相同的紅色和綠色放置在一起。我們會感到太刺眼，很不舒服。如果在這兩種純度都很高的互補色中參加相同量的同一種顏色，如白色或其他顏色，或者將紅色面積減小，這時我們就會感到很舒服，這就是調(diào)和

13、。色彩調(diào)和色彩調(diào)和 色彩比照是指將兩種或兩種以上的具有補色關(guān)系的色彩并列在一起，產(chǎn)生一種鮮明強烈的視覺感受，但仍不失統(tǒng)一協(xié)調(diào)的色彩關(guān)系。比照主要是通過色彩的明暗、冷暖，面積的大、小，距離的遠近，形態(tài)的動、靜等多方面色彩因素來到達對立又統(tǒng)一的視覺效果。比照的最大特征就是產(chǎn)生比較作用，使主題更加鮮明、突出，“萬綠叢中一點紅即為此道理。 設(shè)計中經(jīng)常會遇到這樣的情況，淡色與深色搭配在一起時，淡色感覺很輕，而深色感覺很重，這是因為色彩在視覺上有輕重的感覺。色彩的輕重感是依據(jù)它的明度上下而定的，例如相同明度的兩種色彩搭配時，彩度較高的色在視覺上感覺較輕。設(shè)計中的顏色平衡就是把這種輕重懸殊很大的顏色合理搭配

14、，使之在設(shè)計中感覺舒服、穩(wěn)定。在設(shè)計時還要注意平衡輕色與重色的關(guān)系以及膨脹色與收縮色的色性。面積同樣大小的淺黃色和紅色，在視覺上紅色比淺黃色有重量感；面積同樣大小的黃色和青色放置在一起，視覺上黃色有膨脹感，青色有收縮感。色彩節(jié)奏與韻律色彩節(jié)奏與韻律 節(jié)奏本指音樂中音響節(jié)拍強弱緩急的變化和重復(fù)，在設(shè)計中一般是指同一色彩要素連續(xù)重復(fù)時所產(chǎn)生的運動感。韻律那么有較多的變化意味，是指色彩的濃淡、明暗、色塊大小等的組合而產(chǎn)生的視覺效果。在色彩設(shè)計中節(jié)奏是一種簡潔、鮮明的韻律，而韻律又是復(fù)雜含蓄的節(jié)奏。 配色的根本概念，這是我們在做圖時常常遇見的問題，假設(shè)能將這些概念了解，在顏色的搭配上自然比較占優(yōu)勢。明度對比明度對比 將相同的色彩放在黑色和白色上，比較色彩的感覺，會發(fā)現(xiàn)放在黑色上的色彩感覺比較亮，放在白色上的色彩感覺比較暗，明暗的比照效果非常強烈。明度差異很大的比照，會讓人有不安的感覺。彩度對比彩度對比 某色彩和另一彩度較高的色彩并列時，會覺得本身彩度變低，而和另一個彩度較低的色彩并列時，會覺得彩度變高，這種現(xiàn)象稱為彩度比照。補色對比