網(wǎng)頁設(shè)計時的配色方案分析實(shí)例
人們用自己的眼睛和頭腦來感受色彩。這不僅僅是物理層面上的,而且包含著精神和情感層面。當(dāng)我們看色彩時常常想起以前與該色相聯(lián)系的感受或事物,這種因某種色彩而出現(xiàn)的感受,我們就稱之為色彩的聯(lián)想。色彩的聯(lián)想是通過過去的經(jīng)驗(yàn),記憶或知識而取得的。
這種感受的結(jié)果,就是讓不同的色彩具有了其特定的意義。色彩的象征意義多數(shù)情況下也是一種文化認(rèn)同。不同文化中色彩所代表的意義和給人產(chǎn)生的聯(lián)想是大不相同的,有時可能甚至相反。設(shè)計師在應(yīng)用某種色彩之前,要好好調(diào)查一下這種色彩的意義以及它在特定環(huán)境下將帶給人們的聯(lián)想。
3.4.1 紅色
是最具有視覺沖擊力的色彩;暗示速度和動態(tài);可以刺激心跳速度、加快呼吸、刺激食欲;紅色的衣服使人身形顯大;紅色的車最容易被偷,如圖3-27所示。
圖3-27 紅色
3.4.1.1 紅色的具象聯(lián)想
火焰、鮮血、性、西紅柿、西瓜瓤、太陽、紅旗、口紅、中國國旗。
3.4.1.2 紅色的正面聯(lián)想
激情、愛情、鮮血、能量、熱心、激動、熱量、力量、熱情、活力。
3.4.1.3 紅色的負(fù)面聯(lián)想
侵略性、憤怒、戰(zhàn)爭、革命、殘忍、不道德、危險、幼稚、卑俗。
3.4.1.4 紅色的文化域
在非洲,紅色代表死亡。
在法國,紅色代表雄性。
在亞洲,紅色代表婚姻、繁榮、快樂。
在印度,紅色是士兵的顏色。
在南非,紅色是喪服的色彩。
3.4.1.5 實(shí)例說明
如圖3-28所示,為中企動力8周年主題網(wǎng)站網(wǎng)頁截圖,整個頁面使用紅色作為主色調(diào),給人以喜慶、熱鬧的感受。
圖3-28 中企動力8周年主題網(wǎng)站網(wǎng)頁截圖
3.4.1.6 紅色系配色方案
紅色系的配色方案如下,如圖3-29所示:
1、在紅色中加入少量的黃,會使其熱力強(qiáng)盛,趨于躁動、不安。
2、在紅色中加入少量的藍(lán),會使其熱性減弱,趨于文雅、柔和。
3、在紅色中加入少量的黑,會使其性格變的沉穩(wěn),趨于厚重、樸實(shí)。
4、在紅中加入少量的白,會使其性格變的溫柔,趨于含蓄、羞澀、嬌嫩
圖3-29 紅色系配色方案
3.4.2 橙色
橙色能促進(jìn)食欲;橙色的房間代表了友善,帶給人愉快,能促使人談話和思考;橙色能夠用來強(qiáng)化視覺,這就是為什么海灘救生員的救生服采用橙色的原因,如圖3-30所示。
圖3-30 橙色
3.4.2.1 橙色的具象聯(lián)想
秋天、桔子、胡蘿卜、肉汁、磚頭、燈光。
3.4.2.2 橙色的正面聯(lián)想
溫暖、歡喜、創(chuàng)造力、鼓舞、獨(dú)特性、能量、活躍、模擬、社交、健康、奇想、活力、華美、明朗、甘美。
3.4.2.3 橙色的負(fù)面聯(lián)想
粗魯、時髦、喧囂、嫉妒、焦躁、可憐、卑俗。
3.4.2.4 橙色的文化域
在愛爾蘭,橙色代表新教運(yùn)動。
在美洲土著文化里,橙色代表學(xué)習(xí)和血緣關(guān)系。
在荷蘭,橙色是國家的顏色,因?yàn)楹商m的君主來自于Orange-Nassau家族。
在印度,橙色代表印度教。
3.4.2.5 實(shí)例說明
如圖3-31所示,為韓國芬達(dá)網(wǎng)站網(wǎng)頁截圖,整個頁面使用橙色作為主色調(diào),和其主打產(chǎn)品-橙味汽水緊密結(jié)合
圖3-31 韓國芬達(dá)網(wǎng)站網(wǎng)頁截圖
3.4.2.6 橙色系配色方案
橙色系的配色方案如下,如圖3-32所示。
1、在橙色中混入大量的白,有一種干燥的氣氛。
2、在橙色中混入少量的藍(lán),能夠形成強(qiáng)烈的對比,有一種緊張的氣氛。
3、在橙色中混入少量的紅,給人以明亮、溫暖的感受
圖3-32 橙色系配色方案
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- PhotoShop設(shè)計制作商業(yè)地產(chǎn)網(wǎng)站的教程
- PS設(shè)計教程之制作WordPress新聞博客模
- Photoshop打造超酷春天背景網(wǎng)頁布局
- ps網(wǎng)頁布局設(shè)計實(shí)例教程
- Photoshop設(shè)計一個簡潔風(fēng)格的綠色網(wǎng)頁模板
- Photoshop繪制綠色風(fēng)格的尼康相機(jī)網(wǎng)頁平面圖
- ps設(shè)計制作wordpress主題網(wǎng)站
- Photoshop繪制簡潔的包含云朵主題的網(wǎng)頁
- photoshop與網(wǎng)頁布局設(shè)計的關(guān)系
- Photoshop制作一個糖果店網(wǎng)站模板教程