色彩調整之確定頁面色調
如下兩個設計，一個是家居用品網站，一個是食品網站，都屬於與人生活密切相關的行業，要讓人看起來溫和舒適，很願意接近，色彩不要太刺激，以柔和的色彩為主，
案例分析：首先要確定客戶想要的設計風格是更具親和力的，如果客戶希望表達產品的健康環保的一面，那麼方向就想錯了，不過不可否認，健康環保的設計風格也是需要具有親和力，但是那也許就不是重點了；色彩表現親和力與產品特徵有關，食品類使用橙色增加用戶食慾比較合適，但並不是說只能使用橙色表現親和力，以上色彩範圍圖中色彩都適合表達親和力，只不過還要看搭配和行業及產品特徵；配色思路：1、 定色：企業形象色為深褐色，表達親和力適合使用同類色調和搭配，如深紅色，黃褐色，淺褐色，暗橙色等；表達親和力適合使用淡雅乾淨的色彩氛圍，這裡使用白色作為背景；輔助色彩使用淡雅的褐色協調和突出氣氛；2、 背景使用白色讓畫面顯得寬闊、乾淨，讓白色成為畫面的主色之一；3、 輔助色在褐色及土黃範圍內調配，飽和度要低些，明度高些，容易與版面協調，讓畫面色彩輕重有別，層次豐富又不複雜；4、 深褐色又成為強調色，突出畫面重點信息，同時有讓畫面有了重色，畫面不顯得灰白；其它方面：1、曲線（或圓角）更容易表達親和力；請比較以下方案中直角與圓角的感覺；2、插圖的使用非常重要，插圖色調要與整體色彩協調一致，對比下圖1，插圖色彩使用冷色調，色彩與版面協調不協調暫且不說，只說插圖的冷色調，很難給人溫和的感覺；而設計圖插圖選擇更加具有親和力，色彩顯得更加柔和與畫面色調更加協調，畫面中場景的人物，讓人感覺到實際中的生活場景，增近了與用戶之間的感情；3、項目的定位需要企業形象和產品風格的支持，所以產品素材和插圖色調的選擇也是至關重要的；
圖1，直角相對來說沒有圓角柔和，冷色相對沒有暖色柔和，缺少親和力；適合簡潔風格的表達；不符合表達親和力風格要求配色頁面使用了深紫色背景搭配紫褐色，色彩氛圍過深，紫色屬於偏冷的色彩，有一種神秘，高貴，格調的感覺，但是缺少親和力感覺；
親和力的表達二：色彩有千萬種，色彩搭配更是無限多，所以，要具體到某個色值的搭配適合某種風格是不可能的；我們需要學會理解色彩傳遞的感覺，比如親和力感覺，適合使用暖色，健康環保感覺適合使用綠色，表達喜慶氣氛適合紅色，春天適合綠色，冬天適合用藍色表達，秋天適合用黃色表示等等！色彩思路：企業色為綠色，但是客戶希望表現出親和力，本身企業形象也具備傳遞親和力；網頁中就需要考慮輔助色搭配了；我們知道親和力適合使用暖色，所以色彩範圍就窄了很多，紅色，黃色，橙色中選擇，紅綠為對比色，過於強烈，明顯不合適；可以在橙色和黃色中選擇純度較低，明度也稍低的色彩，如淡黃，淡褐色等等！為了營造清爽乾淨的氣氛，背景還是使用白色；綠色不可以多用，因為用多了會傾向健康環保風格（如下圖）；要符合親和力風格適合使用暖色表現；
不適合表達親和力風格要求配色
網上案例分析：這個設計有比較強的親和力一、色彩，淡黃色背景給人溫暖舒適的感覺，同樣是暖色的綠色和橙色點綴搭配豐富了畫面色彩；二、該設計banner造型和插圖給親和力感覺起到強調作業，曲線配合圓角的造型給人柔美舒適的感覺，插圖內容溫馨和諧，給人親近的感覺；
根據確定風格配色---健康環保的表達當我們在進行一個新項目的時候，與客戶溝通時，常常伴隨使用「形容詞」來描敘網站的視覺風格，如保健品網站要給客戶留下環保的、健康的、綠色的感覺；醫院的網站通常需要乾淨的、莊重的、可信任的；傢具公司的網站則需要具有親和力、溫暖的、柔和的、舒適的等感覺；衛浴類公司網站需要具有潔白的、乾淨的、衛生的、健康的、質感的、時尚的、現代的、品質的感覺。但是作為一個頁面的設計，必須有一個主要表現的東西，不可能在一個畫面中把所以的形容詞都表達出來，那樣的混合在一起的表現，最終只會不倫不類，適得其反。我們要抓住重點（這個重點是客戶最想要推廣的東西，我們的設計是為客戶和客戶的產品服務），本節教程要給客戶設計出體現潔白的、乾淨的、衛生的、健康的感覺；我們可以運用聯想法，想像什麼樣的色彩能表達出這樣的感覺來呢？是白色，藍色，綠色還是紅色，黃色，紫色？我們有答案了嗎？總結適合表達的色彩如圖：
項目前提---抓住客戶的需求點：鷹衛浴原網站的設計風格是偏灰調的時尚風格，本次改版跟客戶溝通過程中客戶強調，想要一種新的風格給瀏覽者產生新的印象；新的概念太大，如果不從客戶那裡了解多些信息，我們還是無從下手，或者是盲目下手；那麼我們就要再深入了解客戶要的新風格是什麼概念的呢；客戶希望表達一種更加健康，環保，大氣的感覺，希望以公司的主要產品龍頭為設計元素，表達一種乾淨的健康的感覺；好了，有了這些信息，我們的思路更加明確了，我們基本上掌握了客戶的需求，設計師可以根據這些信息來進行設計了！一、根據健康、環保、乾淨等關鍵形容詞設計的效果圖：
設計分析：設計思考流程：1.由產品特徵和客戶需求想到乾淨、環保、健康之類的形容詞，由環保、健康進一步想到綠色、陽光色、水、藍色等；2.進一步想到：白色，一張潔白的紙，我們在這個基礎上放入頁面的元素：要表現的產品、標誌、導航、版權等3.選擇的產品是水龍頭，水龍頭是用在廚房等地方的，很容易想到蔬菜之類素材（通過搜索找到青菜，西紅柿等清晰圖片）選擇合適的圖片
畫面沒有多餘的顏色，感覺很乾凈，但是細看，會感覺畫面太蒼白，缺少融合的過度顏色（使用淡綠到白的漸變是個不錯的選擇）
廣告文字字體（目標：纖細、時尚、流線、美觀）Helvetica Neue lt std 字體是個不錯的選擇
廣告文字顏色：文字既要突出，又要融合到畫面當中去（使用淺綠色為畫面做強調，又起到點綴作用）
廣告文字突出並不代表就要使用過於強烈的顏色，如下圖，文字是非常突出了，但是整個畫面整體感就被破壞了，只看到那幾個鮮紅的文字，感覺不和諧！
這裡我們還可以使用什麼樣的色彩呢？幾種顏色的組合也是可以的，但是原則就是要和諧，要能與整個畫面形成一個整體，大家可以試試調換文字的顏色感覺一下！如下圖：
為什麼要使用該設計的色彩搭配：色彩的種類繁多，如果沒有色彩的基礎知識，那麼使用起來就猶如大海撈針，毫無目標了。我們首先要學習好色彩的基礎知識，懂得色彩的屬性，代表的感情，心理感受，比如：綠色，給我們感覺健康，生命，衛生，環保，自然。知道這些特點後，要表達相關意思的設計，很自然我們會想到綠色，比如，醫院、食品等項目；正因為如此，所以很快確定了色彩的方向------綠色+白色；範圍已經縮小了，接下來要考慮的就是色彩面積搭配的問題了；以上設計思考流程就是整個的思路過程，學生們可以借鑒運用！擴大思路看看還有沒有其它表現形式答案是肯定的!每個人有不同的想法，也有不同的審美和表現手法，比如我們想是不是也可以用深色調來表現乾淨，衛生的感覺呢？藍色是不錯的選色，我們來分析一下藍色的心理感覺，藍色是最冷的色，在純凈的情況下並不代表感情上的冷漠，而是表現出一種平靜、理智、純凈、天空、水面、深遠、透明等的心理感受。真正令人情感冷酷悲哀的色，是被弄混濁的藍色。純度高的藍色代表純凈，乾淨，深遠，是更接近水的顏色；但是藍色缺少健康的心理感覺！
設計思考流程：客戶的需求不同，設計出來的作品也會不同，比如，客戶想要用藍色調來作為設計主色調，體現的感覺依然是健康環保乾淨之類的，那麼設計師有兩件事可以做，第一，如果你覺得藍色表現不了那樣的感覺，可以試圖說服客戶；第二，努力的設計讓客戶滿意的方案；1. 藍色的範圍也是有很多種選擇的，亮的，暗的，純的，灰的；首先來分析這幾種藍色的特性，過亮的藍色視覺衝擊激烈，很刺眼，給人不安定的感覺，這與我們想要的純凈，乾淨有衝突（如下圖2）；2. 純度低的深藍調，給人一種不幹凈的感覺，有笨拙、壓力、貧困、沮喪的心理感受，這類色彩也是不合適的（如下圖1）；3. 那麼我們看看純度高的深藍色，深藍色給人冷靜、智慧、深遠的感覺。 純色的心理特性：天空、水面、太空、寒冷遙遠、無限、永恆、透明、沉靜。那麼深藍色就是我要選擇的色彩了；容易犯的錯誤：
圖1. 純度低的深藍色感覺幽暗，神秘，渾濁；更加偏向與神秘，顯得不幹凈，對於要表現的乾淨，健康的風格來說顯得不合適了；
圖2. 偏亮的藍色，沒有了深藍色的安寧純凈，顯得過於明亮，給人很刺激的感覺，給人不安定感，這樣的感覺不太適合用來表現家居用品
推薦閱讀：
※恰到好處的調整能讓你的車感覺如新
※第二十八課：調整陰影過濃的照片
※機構：短期仍有調整壓力(2015-1-28)
※運氣不順時如何調整？