2008-10-29 來源：網(wǎng)絡(luò)
方法：
根據(jù)確定的設(shè)計(jì)風(fēng)格，分析風(fēng)格適合的色彩搭配色彩
偏向于暖色和飽和度低的溫和色彩
根據(jù)確定風(fēng)格配色---親和力的表達(dá)：
估計(jì)在配色的時(shí)候常見問題有：
1、 不知道主色一般放在什么地方？// 面積較大，主宰畫面色調(diào)，給用戶營造的色彩基調(diào)，給人整體印象的色彩（無位置限制）
2、 不知道輔色放在什么地方？// 運(yùn)用于過渡、平衡色彩、豐富色彩層次等;一般應(yīng)用于欄目標(biāo)題強(qiáng)調(diào)，正文，背景等；
3、 不知道突出色放在什么地方？運(yùn)用于突出重點(diǎn)信息，如按鈕，鏈接等吸引用戶注意的信息
4、 不知道這個(gè)頁面應(yīng)該用同一色系呢？還是用對(duì)比色系？根據(jù)自己希望表現(xiàn)的感覺確定搭配方法；掌握兩種搭配方法對(duì)我們很有幫助，同一色系搭配感覺更柔和,如親和力風(fēng)格適合用同一色系；對(duì)比色搭配效果更強(qiáng)烈，如動(dòng)感強(qiáng)烈的運(yùn)動(dòng)品牌更適合用；
5、 不知道主色和輔色之間的面積關(guān)系？主色占有較大比例，輔助色起到畫龍點(diǎn)睛或過渡豐富層次的作用，沒有具體的比例數(shù)據(jù)；
6、 不知道什么叫好的色彩網(wǎng)站？它好在哪里？用最少的顏色表現(xiàn)主題氛圍，并有豐富的層次；因?yàn)樵胶啙嵉脑卦饺菀妆挥涀。?div style="height:15px;">
學(xué)習(xí)色彩提升過程：單一色彩—五彩繽紛（色彩雜亂）—標(biāo)準(zhǔn)色—單一色彩（一種或兩種）
7、 不知道什么叫好的對(duì)比調(diào)和？什么就叫差的對(duì)比調(diào)和？這中間的度怎么把握呢？根據(jù)表達(dá)的風(fēng)格或者氛圍來判斷使用的調(diào)和方法，包括對(duì)比調(diào)和，近似色調(diào)和，同種色調(diào)和；同一色系感覺更柔和,如親和力風(fēng)格適合用同一色系；對(duì)比色更強(qiáng)烈，如動(dòng)感強(qiáng)烈的運(yùn)動(dòng)品牌更適合用；一般情況衛(wèi)浴突出溫馨感適合用同一色系；突出質(zhì)感科技感時(shí)尚感時(shí)適合對(duì)比色
8、 哪些該用冷色調(diào)，哪些該用暖色調(diào)？冷色調(diào)顯得冷靜沉著穩(wěn)重神秘，適合于科技網(wǎng)站，政府網(wǎng)站等；暖色調(diào)顯得活潑，活躍，食欲，親和力，熱烈等，適合于食品網(wǎng)站，家居網(wǎng)站等
9、 冷色調(diào)和暖色調(diào)應(yīng)該怎么搭配？先必須確定主色，根據(jù)主色調(diào)使用相反的色彩作為輔助色；
一、親和力色彩的表達(dá)
親和力所涵蓋的范圍有生活用品、紡織品、服務(wù)行業(yè)、食品等與生活相關(guān)的網(wǎng)站。柔和的主色調(diào)是至關(guān)重要的，配色也盡量選擇溫和的低純度色彩。如果不用白色作為背景，那么就要采用淡雅的色彩，過深的背景色是不好詮釋親和力；
如下兩個(gè)設(shè)計(jì)，一個(gè)是家居用品網(wǎng)站，一個(gè)是食品網(wǎng)站，都屬于與人生活密切相關(guān)的行業(yè)，要讓人看起來溫和舒適，很愿意接近，色彩不要太刺激，以柔和的色彩為主，
案例分析：
首先要確定客戶想要的設(shè)計(jì)風(fēng)格是更具親和力的，如果客戶希望表達(dá)產(chǎn)品的健康環(huán)保的一面，那么方向就想錯(cuò)了，不過不可否認(rèn)，健康環(huán)保的設(shè)計(jì)風(fēng)格也是需要具有親和力，但是那也許就不是重點(diǎn)了；
色彩表現(xiàn)親和力與產(chǎn)品特征有關(guān)，食品類使用橙色增加用戶食欲比較合適，但并不是說只能使用橙色表現(xiàn)親和力，以上色彩范圍圖中色彩都適合表達(dá)親和力，只不過還要看搭配和行業(yè)及產(chǎn)品特征；
配色思路：
1、 定色：企業(yè)形象色為深褐色，表達(dá)親和力適合使用同類色調(diào)和搭配，如深紅色，黃褐色，淺褐色，暗橙色等；表達(dá)親和力適合使用淡雅干凈的色彩氛圍，這里使用白色作為背景；輔助色彩使用淡雅的褐色協(xié)調(diào)和突出氣氛；
2、 背景使用白色讓畫面顯得寬闊、干凈，讓白色成為畫面的主色之一；
3、 輔助色在褐色及土黃范圍內(nèi)調(diào)配，飽和度要低些，明度高些，容易與版面協(xié)調(diào)，讓畫面色彩輕重有別，層次豐富又不復(fù)雜；
4、 深褐色又成為強(qiáng)調(diào)色，突出畫面重點(diǎn)信息，同時(shí)有讓畫面有了重色，畫面不顯得灰白；
其它方面：
1、曲線（或圓角）更容易表達(dá)親和力；請(qǐng)比較以下方案中直角與圓角的感覺；
2、插圖的使用非常重要，插圖色調(diào)要與整體色彩協(xié)調(diào)一致，對(duì)比下圖1，插圖色彩使用冷色調(diào)，色彩與版面協(xié)調(diào)不協(xié)調(diào)暫且不說，只說插圖的冷色調(diào)，很難給人溫和的感覺；而設(shè)計(jì)圖插圖選擇更加具有親和力，色彩顯得更加柔和與畫面色調(diào)更加協(xié)調(diào)，畫面中場景的人物，讓人感覺到實(shí)際中的生活場景，增近了與用戶之間的感情；
3、項(xiàng)目的定位需要企業(yè)形象和產(chǎn)品風(fēng)格的支持，所以產(chǎn)品素材和插圖色調(diào)的選擇也是至關(guān)重要的；
圖1，直角相對(duì)來說沒有圓角柔和，冷色相對(duì)沒有暖色柔和，缺少親和力；適合簡潔風(fēng)格的表達(dá)；
不符合表達(dá)親和力風(fēng)格要求配色
頁面使用了深紫色背景搭配紫褐色，色彩氛圍過深，紫色屬于偏冷的色彩，有一種神秘，高貴，格調(diào)的感覺，但是缺少親和力感覺；
親和力的表達(dá)二：
色彩有千萬種，色彩搭配更是無限多，所以，要具體到某個(gè)色值的搭配適合某種風(fēng)格是不可能的；我們需要學(xué)會(huì)理解色彩傳遞的感覺，比如親和力感覺，適合使用暖色，健康環(huán)保感覺適合使用綠色，表達(dá)喜慶氣氛適合紅色，春天適合綠色，冬天適合用藍(lán)色表達(dá)，秋天適合用黃色表示等等！
色彩思路：
企業(yè)色為綠色，但是客戶希望表現(xiàn)出親和力，本身企業(yè)形象也具備傳遞親和力；網(wǎng)頁中就需要考慮輔助色搭配了；我們知道親和力適合使用暖色，所以色彩范圍就窄了很多，紅色，黃色，橙色中選擇，紅綠為對(duì)比色，過于強(qiáng)烈，明顯不合適；可以在橙色和黃色中選擇純度較低，明度也稍低的色彩，如淡黃，淡褐色等等！
為了營造清爽干凈的氣氛，背景還是使用白色；
綠色不可以多用，因?yàn)橛枚嗔藭?huì)傾向健康環(huán)保風(fēng)格（如下圖）；要符合親和力風(fēng)格適合使用暖色表現(xiàn)；
不適合表達(dá)親和力風(fēng)格要求配色
網(wǎng)上案例分析：
這個(gè)設(shè)計(jì)有比較強(qiáng)的親和力
一、色彩，淡黃色背景給人溫暖舒適的感覺，同樣是暖色的綠色和橙色點(diǎn)綴搭配豐富了畫面色彩；
二、該設(shè)計(jì)banner造型和插圖給親和力感覺起到強(qiáng)調(diào)作業(yè)，曲線配合圓角的造型給人柔美舒適的感覺，插圖內(nèi)容溫馨和諧，給人親近的感覺；
根據(jù)確定風(fēng)格配色---健康環(huán)保的表達(dá)
當(dāng)我們?cè)谶M(jìn)行一個(gè)新項(xiàng)目的時(shí)候，與客戶溝通時(shí)，常常伴隨使用“形容詞”來描敘網(wǎng)站的視覺風(fēng)格，如保健品網(wǎng)站要給客戶留下環(huán)保的、健康的、綠色的感覺；醫(yī)院的網(wǎng)站通常需要干凈的、莊重的、可信任的；家具公司的網(wǎng)站則需要具有親和力、溫暖的、柔和的、舒適的等感覺；衛(wèi)浴類公司網(wǎng)站需要具有潔白的、干凈的、衛(wèi)生的、健康的、質(zhì)感的、時(shí)尚的、現(xiàn)代的、品質(zhì)的感覺。
但是作為一個(gè)頁面的設(shè)計(jì)，必須有一個(gè)主要表現(xiàn)的東西，不可能在一個(gè)畫面中把所以的形容詞都表達(dá)出來，那樣的混合在一起的表現(xiàn)，最終只會(huì)不倫不類，適得其反。我們要抓住重點(diǎn)（這個(gè)重點(diǎn)是客戶最想要推廣的東西，我們的設(shè)計(jì)是為客戶和客戶的產(chǎn)品服務(wù)），本節(jié)教程要給客戶設(shè)計(jì)出體現(xiàn)潔白的、干凈的、衛(wèi)生的、健康的感覺；我們可以運(yùn)用聯(lián)想法，想象什么樣的色彩能表達(dá)出這樣的感覺來呢？是白色，藍(lán)色，綠色還是紅色，黃色，紫色？我們有答案了嗎？總結(jié)適合表達(dá)的色彩如圖：
項(xiàng)目前提---抓住客戶的需求點(diǎn)：
鷹衛(wèi)浴原網(wǎng)站的設(shè)計(jì)風(fēng)格是偏灰調(diào)的時(shí)尚風(fēng)格，本次改版跟客戶溝通過程中客戶強(qiáng)調(diào)，想要一種新的風(fēng)格給瀏覽者產(chǎn)生新的印象；新的概念太大，如果不從客戶那里了解多些信息，我們還是無從下手，或者是盲目下手；那么我們就要再深入了解客戶要的新風(fēng)格是什么概念的呢；客戶希望表達(dá)一種更加健康，環(huán)保，大氣的感覺，希望以公司的主要產(chǎn)品龍頭為設(shè)計(jì)元素，表達(dá)一種干凈的健康的感覺；好了，有了這些信息，我們的思路更加明確了，我們基本上掌握了客戶的需求，設(shè)計(jì)師可以根據(jù)這些信息來進(jìn)行設(shè)計(jì)了！
一、根據(jù)健康、環(huán)保、干凈等關(guān)鍵形容詞設(shè)計(jì)的效果圖：
設(shè)計(jì)分析：
設(shè)計(jì)思考流程：
1.由產(chǎn)品特征和客戶需求想到干凈、環(huán)保、健康之類的形容詞，由環(huán)保、健康進(jìn)一步想到綠色、陽光色、水、藍(lán)色等；
2.進(jìn)一步想到：白色，一張潔白的紙，我們?cè)谶@個(gè)基礎(chǔ)上放入頁面的元素：要表現(xiàn)的產(chǎn)品、標(biāo)志、導(dǎo)航、版權(quán)等
3.選擇的產(chǎn)品是水龍頭，水龍頭是用在廚房等地方的，很容易想到蔬菜之類素材（通過搜索找到青菜，西紅柿等清晰圖片）選擇合適的圖片
畫面沒有多余的顏色，感覺很干凈，但是細(xì)看，會(huì)感覺畫面太蒼白，缺少融合的過度顏色（使用淡綠到白的漸變是個(gè)不錯(cuò)的選擇）
廣告文字字體（目標(biāo)：纖細(xì)、時(shí)尚、流線、美觀）
Helvetica Neue lt std 字體是個(gè)不錯(cuò)的選擇
廣告文字顏色：文字既要突出，又要融合到畫面當(dāng)中去（使用淺綠色為畫面做強(qiáng)調(diào)，又起到點(diǎn)綴作用）
廣告文字突出并不代表就要使用過于強(qiáng)烈的顏色，如下圖，文字是非常突出了，但是整個(gè)畫面整體感就被破壞了，只看到那幾個(gè)鮮紅的文字，感覺不和諧！
這里我們還可以使用什么樣的色彩呢？幾種顏色的組合也是可以的，但是原則就是要和諧，要能與整個(gè)畫面形成一個(gè)整體，大家可以試試調(diào)換文字的顏色感覺一下！如下圖：
為什么要使用該設(shè)計(jì)的色彩搭配：
色彩的種類繁多，如果沒有色彩的基礎(chǔ)知識(shí)，那么使用起來就猶如大海撈針，毫無目標(biāo)了。我們首先要學(xué)習(xí)好色彩的基礎(chǔ)知識(shí)，懂得色彩的屬性，代表的感情，心理感受，比如：綠色，給我們感覺健康，生命，衛(wèi)生，環(huán)保，自然。知道這些特點(diǎn)后，要表達(dá)相關(guān)意思的設(shè)計(jì)，很自然我們會(huì)想到綠色，比如，醫(yī)院、食品等項(xiàng)目；
正因?yàn)槿绱耍院芸齑_定了色彩的方向------綠色+白色；范圍已經(jīng)縮小了，接下來要考慮的就是色彩面積搭配的問題了；
以上設(shè)計(jì)思考流程就是整個(gè)的思路過程，學(xué)生們可以借鑒運(yùn)用！
擴(kuò)大思路看看還有沒有其它表現(xiàn)形式
答案是肯定的!每個(gè)人有不同的想法，也有不同的審美和表現(xiàn)手法，比如我們想是不是也可以用深色調(diào)來表現(xiàn)干凈，衛(wèi)生的感覺呢？藍(lán)色是不錯(cuò)的選色，我們來分析一下藍(lán)色的心理感覺，藍(lán)色是最冷的色，在純凈的情況下并不代表感情上的冷漠，而是表現(xiàn)出一種平靜、理智、純凈、天空、水面、深遠(yuǎn)、透明等的心理感受。真正令人情感冷酷悲哀的色，是被弄混濁的藍(lán)色。純度高的藍(lán)色代表純凈，干凈，深遠(yuǎn)，是更接近水的顏色；但是藍(lán)色缺少健康的心理感覺！
設(shè)計(jì)思考流程：
客戶的需求不同，設(shè)計(jì)出來的作品也會(huì)不同，比如，客戶想要用藍(lán)色調(diào)來作為設(shè)計(jì)主色調(diào)，體現(xiàn)的感覺依然是健康環(huán)保干凈之類的，那么設(shè)計(jì)師有兩件事可以做，第一，如果你覺得藍(lán)色表現(xiàn)不了那樣的感覺，可以試圖說服客戶；第二，努力的設(shè)計(jì)讓客戶滿意的方案；
1. 藍(lán)色的范圍也是有很多種選擇的，亮的，暗的，純的，灰的；首先來分析這幾種藍(lán)色的特性，過亮的藍(lán)色視覺沖擊激烈，很刺眼，給人不安定的感覺，這與我們想要的純凈，干凈有沖突（如下圖2）；
2. 純度低的深藍(lán)調(diào)，給人一種不干凈的感覺，有笨拙、壓力、貧困、沮喪的心理感受，這類色彩也是不合適的（如下圖1）；
3. 那么我們看看純度高的深藍(lán)色，深藍(lán)色給人冷靜、智慧、深遠(yuǎn)的感覺。 純色的心理特性：天空、水面、太空、寒冷遙遠(yuǎn)、無限、永恒、透明、沉靜。那么深藍(lán)色就是我要選擇的色彩了；
容易犯的錯(cuò)誤：
圖1. 純度低的深藍(lán)色感覺幽暗，神秘，渾濁；更加偏向與神秘，顯得不干凈，對(duì)于要表現(xiàn)的干凈，健康的風(fēng)格來說顯得不合適了；
圖2. 偏亮的藍(lán)色，沒有了深藍(lán)色的安寧純凈，顯得過于明亮，給人很刺激的感覺，給人不安定感，這樣的感覺不太適合用來表現(xiàn)家居用品
