- 網(wǎng)頁配色設(shè)計手冊(寫給設(shè)計師的書)
- 孫芳編著
- 1740字
- 2021-04-02 21:56:01
3.4 綠
3.4.1 認(rèn)識綠色
綠色是非常清新、自然的顏色,它來自于自然界。看見綠色,總是能夠讓人們想到生機(jī)勃勃的春天、清新寧靜的森林、健康的蔬果。
從心理上講,綠色會讓人心態(tài)平和,給人松弛、放松的感覺。在綠色中添加些黃色,顏色變得鮮嫩,就像新抽芽的柳枝;在綠色中添加藍(lán)色,顏色則變得清秀、豁達(dá)。
色彩情感:和平、寧靜、輕松、自然、環(huán)保、生命、成長、生機(jī)、希望、青春、清秀、豁達(dá)、健康、清淡、明媚、鮮活、土氣、庸俗、愚鈍、沉悶。


3.4.2 黃綠&蘋果綠

1 黃綠色性情溫和,是春天的顏色,代表著無限的生機(jī)和希望。
2 網(wǎng)頁中咖啡色與黃綠色搭配,這種在顏色上明與暗、濁與清的對比,形成了顏色碰撞的火花。
3 在網(wǎng)頁中,圖案和文字的搭配和有效的穿插,能使頁面除了信息傳達(dá)外,更具層次感和觀賞性。

1 蘋果綠是非常清甜的顏色,能夠讓人聯(lián)想到青蘋果甜中帶酸的口感。
2 在網(wǎng)頁中,圖片形成節(jié)奏上虛實和疏密的對比,使得整個畫面既有曲線帶來的張力和動感,又不乏整體的穩(wěn)固和均衡。
3 網(wǎng)頁以大圖為主體,非常直觀、明確。
3.4.3 嫩綠&葉綠

1 嫩綠色是一種非常清新、自然的顏色,它來自春天,來自自然。
2 網(wǎng)頁中的顏色單純,單色調(diào)的配色方案韻律平緩。
3 網(wǎng)頁中,背景顏色有輕微的變化,不會使畫面顯得枯燥、單調(diào)。

1 葉綠色是夏天的顏色,顏色鮮亮中透著幾分深沉。
2 網(wǎng)頁中分為左右兩處,左側(cè)為網(wǎng)頁的重要信息,右側(cè)為播放器,這樣的布局使得整個頁面既有亮點(diǎn)又不失簡潔。
3.4.4 草綠&苔蘚綠

1 草綠色清新亮麗,可以使人產(chǎn)生心情愉悅的視覺感受,具有較強(qiáng)的視覺沖擊力。
2 在該網(wǎng)頁中,圓角矩形和圓形的穿插結(jié)合,色彩填充的圖形交集,既能展示重要信息,又勾勒出整個網(wǎng)站的風(fēng)格形態(tài)。
3 作為與健康相關(guān)的網(wǎng)頁,選擇草綠色作為主色調(diào),非常切合主題。

1 苔蘚綠顏色明度較低,所以略帶深沉、憂郁的感覺。
2 該網(wǎng)頁中,苔蘚綠只作為點(diǎn)綴色,在這樣干凈、簡潔的網(wǎng)頁中,顯得非常低調(diào)。
3 網(wǎng)頁布局緊湊,張弛有度,文字和圖案的結(jié)合使得條理非常清晰。
3.4.5 芥末綠&橄欖綠

1 芥末綠顏色純度較低,而且色調(diào)偏灰,所以給人一種平緩、溫柔的感覺。
2 網(wǎng)頁中是統(tǒng)一的綠色,通過顏色的變化增加畫面的層次感。
3 網(wǎng)頁中飛動的元素也為畫面添加了動感。

1 橄欖綠顏色明度較低,此在顏色在低調(diào)中有幾分驕傲。
2 在該網(wǎng)頁中,通過不同的顏色來劃分網(wǎng)頁區(qū)域,整個頁面層次分明。
3 該網(wǎng)頁采用單色調(diào)的配色,在視覺上營造出平衡之感。
3.4.6 枯葉綠&碧綠

1 顧名思義,枯葉綠的顏色源于秋天枯萎的綠葉,是一種中性色,視覺感受非常舒緩、平穩(wěn),其中不乏黯淡、消沉之感。
2 該網(wǎng)頁呈現(xiàn)柔和的灰色調(diào),而且在網(wǎng)頁中有枯葉綠作為主導(dǎo)色,整個頁面顯得非常淡雅。
3 該網(wǎng)頁上方為圖案,下方為細(xì)節(jié),這樣的網(wǎng)頁布局雖然保守,但是非常實用。

1 碧綠色是綠色中帶有青色,所以碧綠色不僅有綠色的自然清新,又不乏俏皮、活潑的感覺。
2 網(wǎng)頁中,碧綠色為背景顏色,用大面積的顏色搶占先機(jī)。
3.4.7 綠松石綠&青瓷綠

1 綠松石綠是來自寶石的顏色,這種顏色能夠讓人聯(lián)想到精美的寶石、熱帶平靜的水域,是令人激動的、明亮的顏色。
2 在該網(wǎng)頁中,三角形的構(gòu)圖方式不僅構(gòu)圖穩(wěn)定,視覺上的感官延續(xù)讓頁面脈絡(luò)清晰、不脫節(jié),且富有節(jié)奏感。

1 青瓷綠的色彩純度低,顏色呈灰色調(diào),它有著洗盡鉛華、古樸典雅的氣質(zhì)。
2 網(wǎng)頁構(gòu)圖非常簡單,內(nèi)容都集中在模塊中,而網(wǎng)頁標(biāo)志破框而出,就變得格外突出。
3.4.8 孔雀石綠&鉻綠

1 孔雀石綠顏色鮮艷、熱烈、飽滿,是使人興奮的顏色。
2 在該網(wǎng)頁中,孔雀石綠只作為點(diǎn)綴色,它與背景形成強(qiáng)烈的對比。
3 網(wǎng)頁內(nèi)容豐富,利用顏色區(qū)分信息的主次。這樣的方式既能展示重要信息,又勾勒出整個網(wǎng)站的風(fēng)格形態(tài)。

1 鉻綠色顏色較暗,明度較低,所以給人一種深沉、渾厚的感覺。
2 網(wǎng)頁屬于單色調(diào)的配色方案,整個畫面顏色統(tǒng)一,又不失變化。
3.4.9 孔雀綠&鈷綠

1 孔雀綠的顏色來自孔雀的羽毛,這種顏色華麗、冷艷,透著神秘感。
2 該網(wǎng)頁將模塊整齊劃分,條理清晰,讓人過目難忘。
3 該網(wǎng)頁以灰色搭配孔雀綠,顏色明暗、純度的對比較弱,這樣的顏色搭配給人一種冷靜、睿智的視覺感受。

1 鈷綠色顏色明度相對較高,當(dāng)這種顏色面積較大時,使人心里安靜、恬靜,當(dāng)顏色面積較小時,則非?;顫姟⒛贻p態(tài)。
2 該網(wǎng)頁背景部分顏色輕柔,在前景中鈷綠色非常跳躍,能夠讓前景非常突出。
3 前景中圓形的模塊飽滿、圓潤,富有張力。
- JSP網(wǎng)站開發(fā)詳解
- 網(wǎng)頁設(shè)計實用教程
- 網(wǎng)頁配色從入門到精通
- 眾妙之門:網(wǎng)站UI設(shè)計之道2
- 網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)從入門到精通
- Div+CSS網(wǎng)頁制作實戰(zhàn)教程
- 網(wǎng)頁美工
- jQuery Web開發(fā)案例教程(在線實訓(xùn)版)
- JSP動態(tài)網(wǎng)站開發(fā)案例指導(dǎo)
- ADOBE DREAMWEAVER CS6 標(biāo)準(zhǔn)培訓(xùn)教材
- Vue應(yīng)用程序開發(fā)
- 中文版Dreamweaver CS6完全自學(xué)教程
- 在實戰(zhàn)中成長:JSP開發(fā)之路
- 精通網(wǎng)站建設(shè):100%全能建站密碼
- CSS3藝術(shù):網(wǎng)頁設(shè)計案例實戰(zhàn)