網頁設計配色應用實例剖析綠色色系

1、網站建設如何配色綠色配色技巧

符合眾多企業的訴求。如綠色食品、環保企業都非常鍾愛使用綠色作為網站的主色。網頁設計時，綠色無論作為主色還是點綴色，都具有非常好的效果，比如醫療類網站，農業類網站，文教類網站，餐飲類網站等都可以使用綠色。網頁設計綠配色原理綠色是由黃色加藍色相配而成的，所以也就是說它具有藍色和黃色的部分。含灰的綠色可以表現出一種平和、寧靜。綠色和白色相配，顯得清晰自然。深綠色與淡綠色相配，可以體現各諧與安寧的感覺。淺綠色與黑色相配，可以體現大方得體、大氣的感覺；但是有一點需要注意，深綠色不要與深紅色、紫紅色相配，那樣會顯得雜亂無章、一團亂。網站設計中綠色的性格特點在大自然中，綠色佔有的面積最大，綠色到現可見，它象徵生命、自然、青春、和平等。綠色非常適合人們瀏覽，有調節情緒、消除疲勞的功能。所以在網站建設時，我們可以經常採用綠色，綠色網站會得到很多人的喜歡，瀏覽者會覺得綠色安全、可靠、值得信任。綠色系列的網站設計分析綠色與白色灰色相配，可以體現清新、平和，非常的美麗。也是網站建設綠色配色中經常使用的一種搭配方法。綠色不易與大紅色相配，因為大紅大綠會顯得比較俗氣，但是淺綠色與大紅色相配，並要注意配色的比例，再加之其它顏色點綴，可以體現活潑的感覺。深綠色與黃綠色相配倍現生機，在大面積的綠色中，配上黃綠色，會讓人感覺生機一片，清新爽目。

2、網站設計與網頁配色實例精講的第三部分　信息類網站

8.1　多頻道統一性　106
8.2　家族網站　108
8.3　框架及色彩　108
8.4　網站改版　110
8.5　風格設計的創新與延續　110
8.6　日益增多的垂直門戶　111 9.1　頁面布局與導航　115
9.2　框架設計與網站風格　116
9.3　圖片信息與文字信息　118 10.1　大氣的網站風格　122
10.2　框架及色彩　123
10.3　含義明了的插圖　125

3、網頁設計配色的用色十例

<

4、網頁設計與配色經典案例解析的介紹

本書從網站規劃、創意入手，對色彩搭配的原理、色彩對心理的影響進行深入的分析，有助於各位讀者從中汲取營養。網頁配色有著很強的藝術性，不同的色彩搭配方案就會讓人產生不一樣的感受。書中例舉了大量國內的優秀網頁作品進行點評，並將眾多網站歸納為色調、風格、類別，三大部分內容，便於讀者索引和查找。對於初學者來說，模仿是最容易看到效果的方法，經驗豐富的設計師則需要博採眾家之所長，形成自己的風格，多欣賞優秀作品並不斷地分析、比較，必然會使你的配色能力逐漸增長和提高。

5、網站設計與網頁配色實例精講的第一部分　網站設計要點

1.1　信息與結構框架　3
1.1.1　分欄式　3
1.1.2　區域劃分　6
1.1.3　無規律頁面設計　8
1.2　框架設計的選擇與應用　10
1.3　頁面信息布局、信息結構設計　12
1.4　預留空間　14
1.5　易用性原則　14 2.1　千變萬化的導航　15
2.2　通過頁面設計處理主從導航關系　18
2.3　導航與網站風格統一　20
2.4　可用性Flash導航　23 3.1　網站標志　27
3.2　網頁插圖的選取與使用　27
3.3　圖像藝術　29
3.4　文字藝術　32
3.5　圖文排版　34 4.1　網站「氣韻」與風格設計　39
4.2　從細節設計看網站設計　41
4.3　展開創意思維　43
4.4　多看、多練、多思考　46

6、網頁設計中的色彩有何應用原則

看看優秀的網站能夠給我們帶來很多啟示。下面我們就先看看這些主色調的象徵意義和這些色調中做的比較優秀的網站。

灰色：象徵冷靜、中立；（蘋果、維基百科、紐約時報……）

綠色：象徵健康、生命；（BP石油、食品超市whole foods、星巴克……）

藍色：象徵可靠、力量；（戴爾、大眾汽車、IBM……）

紫色：象徵智慧、想像；（雅虎、T-Mobile、科幻主題電視台Syfy……）

紅色：象徵血氣、年輕；（可口可樂、樂高、肯德基……）

橙色：象徵歡樂、信任；（芬達、亞馬遜、火狐……）

黃色：象徵溫暖、透明；（百思買、法拉利、麥當勞……）

網頁設計色彩搭配原則

網頁美工設計中，最常用的幾個顏色為藍色、綠色、橙色，以及暗紅色。

藍為主調。藍色多與白、橙搭配，。白底，藍標題欄，橙色按鈕或ICON做點綴;藍天白雲，沉靜整潔的感覺。

綠為主調。綠色多與白、蘭兩色搭配。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴，綠白相間，雅緻而有生氣。

橙為主調。橙色多與白、紅搭配。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴，橙色活潑熱情，標準的商業色調，因此多用於商業網站的網頁美工設計。

暗紅為主調。暗紅色顯得寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。

網頁設計師需要注意的幾點

盡管三原色的相互搭配創造出了無數顏色，可不是所有的顏色都適用於網頁設計，不同的顏色在搭配上也有著其中的學問，網頁設計就相當於平面設計，網頁設計師可以將平面設計中的審美觀點套用到這上面來，所以平面設計上的審美的觀點在網頁設計上非常實用。

在網頁設計師中對於色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

忌臟是指背景與文字內容對比不強烈，灰暗的背景令人沮喪!

忌純是指艷麗的純色對人的刺激太強烈抗議，缺乏內涵。

忌跳是指再好看的顏色，也不能脫離整體。

忌花是指要有一種主色貫穿其中，主色並不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。

忌粉是指顏色淺固然顯的干凈，但如果對比過弱，顯得蒼白無力了，就象病夫一樣無可救葯。

另外，藍色忌純，綠色忌黃，紅色忌艷。

當然，作為網頁設計師，我們最需要時刻提醒自己的是不要為了設計而設計。

一切的設計都要以用戶的需求為導向。一個優秀的網站，會給用戶非常直觀簡介明了的體驗和簡明的導航。

7、網頁設計與配色經典案例解析的目 錄

第一篇 網頁設計篇
序章
第1章 網頁設計規劃
1.1 為網站制定目標······················································5
1.1.1 對市場的預測和分析·······································5
1.1.2 網站的項目規劃···············································5
1.1.3 網站建設···························································5
1.2 與客戶的有效溝通··················································7
第2章 網頁結構
2.1 欄目結構劃分··························································9
2.1.1 規則的欄目組合方式·······································9
2.1.2 不規則的欄目組合方式·································15
2.2 網頁版式劃分························································16
第3章 網頁創意和風格
3.1 網頁的創意····························································19
3.1.1 創意是網頁的靈魂·········································19
3.1.2 創意的方法·····················································22
3.2 網頁風格································································28
第4章 網頁視覺設計
4.1 網頁布局································································30
4.1.1 網頁的規格·····················································30
4.1.2 網頁的Logo·····················································30
4.1.3 頂部通欄·························································33
4.1.4 網頁文本·························································36
4.1.5 圖像的設計·····················································40
4.1.6 為網頁插入視頻·············································54
4.2 網頁構成································································54
4.2.1 點的應用·························································54
4.2.2 線的應用·························································57
4.2.3 面的應用·························································62
4.2.4 混和構成應用·················································65
第5章 網站推廣和網路廣告
5.1 網路推廣································································68
5.2 網路廣告································································68
5.2.1 GIF 廣告···························································69
5.2.2 Flash 廣告························································69
5.2.3 流媒體廣告·····················································71
5.2.4 　網路廣告欣賞···············································71
第二篇 色彩知識篇
第6章 網頁配色的常見問題
6.1 缺乏主色調····························································75
6.2 文字能見度低························································75
6.3 增加視覺負擔························································77
6.4 風格與主題脫離····················································80
第7章 色彩構成
7.1 認識色彩································································82
7.1.1 什麼是色彩·····················································82
7.1.2 光·····································································82
7.1.3 色·····································································82
7.2 色彩與視覺····························································83
7.2.1 色彩三要素·····················································83
7.2.2 色調·································································84

8、網頁設計中主題為綠色搭配什麼色彩看起來和諧

不知道你的主題綠是哪種綠，如果偏黃綠最好配淺黃色，偏藍綠就配淺藍色，要色彩搭配和諧就要找在色相環中相距不會太遠的顏色來配。
下面可以提供一些頁面配色技巧，可以作為參考使用：
頁設計的色彩搭配設計藝術：
打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決於設計者對色彩的運用和搭配。因為網頁設計屬於一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，我們必須要高度重視色彩的搭配。
一、色彩的基礎知識
色彩五顏六色、千變萬化，我們平時所看到的白色光，經過分析在色帶上可以看到，它事實上包括紅、橙、黃、綠、青、藍、紫等七色，各顏色間自然過渡。其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分，冷色(如藍色)給人的感覺是安靜、冰冷；而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。
色彩與人的心理感覺和情緒也有一定的關系，利用這一點可以在設計網頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。一般情況下，各種色彩給人的感覺是：
紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥
橙色代表光明、華麗、興奮、甜蜜、快樂
黃色代表明朗、愉快、高貴、希望
綠色代表新鮮、平靜、和平、柔和、安逸、青春
藍色代表深遠、永恆、沉靜、理智、誠實、寒冷
紫色代表優雅、高貴、魅力、自傲
白色代表純潔、純真、樸素、神聖、明快
灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞
黑色代表崇高、堅實、嚴肅、剛健、粗莽
二、色彩搭配的原則
色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。
1.特色鮮明
一個網站的用色必須要有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。
2.搭配合理
網頁設計雖然屬於平面設計的范疇，但它又與其它平面設計不同，它在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免採用純度很高的單一色彩，這樣容易造成視覺疲勞。
3.講究藝術性
網站設計也是一種藝術活動，因此它必須遵循藝術規律，在考慮到網站本身特點的同時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。
三、色彩搭配要注意的問題
1.使用單色
盡管網站設計要避免採用單一色彩，以免產生單調的感覺，但通過調整色彩的飽和度和透明度也可以產生變化，使網站避免單調。
2.使用鄰近色
所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。採用鄰近色設計網頁可以使網頁避免色彩雜亂，易於達到頁面的和諧統一。
3.使用對比色
對比色可以突出重點，產生了強烈的視覺效果，通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調，對比色作為點綴，可以起到畫龍點睛的作用。
4.黑色的使用
黑色是一種特殊的顏色，如果使用恰當，設計合理，往往產生很強烈的藝術效果，黑色一般用來作背景色，與其它純度色彩搭配使用。
5.背景色的使用
背景色一般採用素淡清雅的色彩，避免採用花紋復雜的圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩對比強烈一些。
6.色彩的數量
一般初學者在設計網頁時往往使用多種顏色，使網頁變得很「花」，缺乏統一和協調，表面上看起來很花哨，但缺乏內在的美感。事實上，網站用色並不是越多越好，一般控制在三種色彩以內，通過調整色彩的各種屬性來產生變化。

9、網頁設計與配色經典案例解析的前 言

時至今日，互聯網已經具備和報紙、廣播、電視、雜志四大媒體平起平座的實力，成為宣傳效果明顯的第五大媒體，網路上大大小小的網站如雨後春筍般茁壯成長起來，作為放置信息的容器，我們可以把網站想像成一座摩天大樓，樓的內部有很多的房間，而不同的信息則放在相應的房間里。
對於美術基礎薄弱的讀者來說，用什麼樣的色彩搭配在一起好看並不是一件容易的事情，學習任何知識都需要耐心，打好基礎才是關鍵，萬丈高樓平地起，靠的是穩固的地基和堅實的骨架，基礎不牢必然導致大樓的倒塌，溫故而知新才是永恆的主題，只有扎扎實實走好每一步才能水到渠成。
網站的色彩就像是人的外表一樣，如果打扮得美觀大方，就會給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，因此，網頁的色彩搭配將直接影響訪問者對網站的印象。本書從網站規劃、創意入手，對色彩搭配的原理、色彩對心理的影響進行深入的分析，有助於各位讀者從中汲取營養。
網頁配色有著很強的藝術性，不同的色彩搭配方案就會讓人產生不一樣的感受。書中例舉了大量國內的優秀網頁作品進行點評，並將眾多網站歸納為色調、風格、類別，三大部分內容，便於讀者索引和查找。對於初學者來說，模仿是最容易看到效果的方法，經驗豐富的設計師則需要博採眾家之所長，形成自己的風格，多欣賞優秀作品並不斷地分析、比較，必然會使你的配色能力逐漸增長和提高。
本書把色彩構成、色彩與情感、色彩處理手法與配色常見問題等基礎知識有機地整合起來，旨在幫助各位讀者在閱讀的過程中逐步掌握，網頁配色的規律、技巧並用通俗易懂的語言講述出來，便於讀者輕松，愉快的閱讀。在學習的道路上，沒有老師，只有班長，書中不足之處希望各位讀者與筆者多多交流、溝通，大家可以發送郵件到筆者的信箱。最後，筆者衷心希望各位讀者讀過此書後能有所收獲、有所啟示、有所感悟，並在配色實踐中獲得此書的幫助。

10、網頁配色方案綠色和什麼顏色搭配比較好

在綠色的深淺上下手
比如翠綠，草綠，墨綠什麼的，搭配著用
如果換了別的的顏色，很容易看起來土
這樣不僅整潔，而且美觀