視覺設計與營銷培訓課件

視覺心理與色彩運用

(基礎)視覺設計與營銷培訓課件ppt視覺設計與營銷培訓課件ppt視覺心理與色彩運用

(基礎)視覺設計與營銷培訓課件ppt視覺1第一節(jié)視覺心理第二節(jié)色彩心理學的運用第一節(jié)視覺心理第二節(jié)色彩心理學的運用2主要內容●視覺對消費者的影響●視覺傳達的目標●影響心理的視覺元素●色彩心理學基礎第一節(jié)視覺心理主要內容第一節(jié)視覺心理3視覺對消費者的影響AIDA效果模式注意(Attention)興趣(Interest)愿望(Desire)行動(Action)視覺對消費者的影響AIDA效果模式注意(Attention)4視覺傳達的目標視覺傳達的目標5影響心理的視覺元素顏色圖形材質顏色對與人心理產生的影響大于圖形和材質。影響心理的視覺元素顏色圖形材質顏色對與人心理6根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，暖色系（紅、橙、黃）冷色系（藍、綠、藍紫）色彩心理學基礎●

色相：即各類色彩的相貌稱謂。

如：紅、綠、藍等顏色名稱●

純度：又叫彩度，它是指色彩飽和的程度，或是指色彩的純凈程度?！衩鞫龋荷拭靼瞪顪\的差異程度。白色最高，黑色最低，黃色最高，藍紫色最低。根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，色彩心理學基礎●7暖色（WarmColors）●暖色包含紅、橙、黃以及這三種顏色的變種?！袼鼈兎謩e是烈焰、秋葉以及日出和日落的顏色，它們通常象征活力、激情和積極?！裨O計中使用暖色以體現(xiàn)出激情，快樂，熱忱和活力的主調。暖色（WarmColors）●暖色包含紅、橙、黃以及這三8紅色（原色）紅色是一種很重的色彩，如果在設計使用過多，會產生一種壓倒性的感官效果，尤其是使用純紅色時。如果想在設計中添加進力量和激情的感覺，紅色就是一種非常不錯的顏色。淺紅，更能體現(xiàn)活力深紅，更能體現(xiàn)力量和優(yōu)雅紅色（原色）紅色是一種很重的色彩，如果在設計使用過多，會產生9視覺設計與營銷培訓課件10視覺設計與營銷培訓課件11視覺設計與營銷培訓課件12橙色橙色不像紅色那樣強烈，但也能獲取觀眾的注意力。通常認為橙色更友善和誘人，不像紅色那樣具有挑釁性。橙色橙色不像紅色那樣強烈，但也能獲取觀眾的注意力。通常認為橙13視覺設計與營銷培訓課件14視覺設計與營銷培訓課件15視覺設計與營銷培訓課件16黃色（原色）黃色最明亮、最具活力的暖色聯(lián)想到快樂和陽光與希望有關與危險有關地域不同含義不同兒童喜歡的顏色鮮黃色（brightyellow）可以增添快樂和愉悅感覺。柔和的黃色通常用作嬰兒和小孩的中性色（相對藍色或者粉紅色）。淡黃色（Lightyellows）相對鮮黃色而言給人是一種更內斂的快樂感受。深黃色和金黃色有時很有古韻，當需要營造一種永恒的感覺時，則可使用這種顏色。黃色（原色）黃色最明亮、最具活力的暖色聯(lián)想到快樂和陽光與希望17視覺設計與營銷培訓課件18視覺設計與營銷培訓課件19視覺設計與營銷培訓課件20冷色（CoolColors）●冷色系包含綠色、藍色和紫色，相對暖色，強度要弱?！袷且埂⑺妥匀坏拇眍伾?，通常給人感覺是舒緩，放松，以及有一點冷淡?！袷褂美渖梢誀I造一種冷靜或專業(yè)的感覺。冷色（CoolColors）●冷色系包含綠色、藍色和紫色21綠色（合成色）綠色非常務實的顏色象征新的開始和成長新生與富饒代表缺乏經(jīng)驗與自然相關象征財富、安定綠色繼承了藍色所有具備的平靜的屬性，但是它也吸收了一些黃色的活力。在設計中，綠色有一種平衡和協(xié)調的效果，并且很穩(wěn)定。對于與財富，安定，新生以及自然相關的設計，綠色很合適。亮綠色更具活力和生機。橄欖綠更多表示自然界。暗綠色則是富饒的最典型代表。綠色（合成色）綠色非常務實的顏色象征新的開始和成長新生與富饒22視覺設計與營銷培訓課件23視覺設計與營銷培訓課件24視覺設計與營銷培訓課件25藍色（原色）藍色與憂傷有關象征冷靜和責任與和平有關文化不同寓意不同深藍表示可靠與力度淺藍清新而友好藍色的含義很大程度上取決于純度和明度的變化。淺藍色通常表示放松和平靜，亮藍色則通常表示活力和清新，深藍色則非常適合公司類型的網(wǎng)站，這類場合，感染力和可靠性是很重要的。藍色（原色）藍色與憂傷有關象征冷靜和責任與和平有關文化不同寓26視覺設計與營銷培訓課件27視覺設計與營銷培訓課件28視覺設計與營銷培訓課件29視覺設計與營銷培訓課件30紫色紫色與高貴有關與創(chuàng)造力和想象力與財富和忠誠有關聯(lián)想到浪漫深紫色展現(xiàn)富有與奢華淺紫色聯(lián)想春天與浪漫深紫色給人一種富有和奢華的感受。淺紫色則更多讓人想到春天和浪漫。紫色紫色與高貴有關與創(chuàng)造力和想象力與財富和忠誠有關聯(lián)想到浪漫31視覺設計與營銷培訓課件32視覺設計與營銷培訓課件33中性色中性色黑色白色灰色褐色米黃色與茶色奶油色與乳白色中性色通常用作設計作品的背景色。通常與亮色混用。不過也可在設計中單獨使用中，制作出老道的布局來。中性色的含義及其給人的影響容易受到周圍暖色和冷色的影響。中性色中性色黑色白色灰色褐色米黃色與茶色奶油色與乳白色中性色34視覺設計與營銷培訓課件35視覺設計與營銷培訓課件36視覺設計與營銷培訓課件37視覺設計與營銷培訓課件38視覺設計與營銷培訓課件39思考1.你的產品特征，定位是什么？2.你要傳達給消費者的感受是什么？思考40顏色、圖形、材質等視覺元素都會影響心理的變化消費者的心理過程：吸引注意、引起興趣、激發(fā)愿望、產生購買行為色彩對心理影響最大。不同顏色對人心理產生的影響不同。知識點小結知識點小結41主要內容●如何做到醒目的視覺效果？●如何有效的決定好配色？●如何用色彩對讀者的閱讀順序進行引導？●掌握色彩運用的規(guī)則●網(wǎng)頁配色的流行趨勢第二節(jié)色彩心理學的運用主要內容第二節(jié)色彩心理學的運用42如何做到醒目的視覺效果？如何做到醒目的視覺效果？43人眼容易區(qū)別明暗對比強色相反差大飽和度高細節(jié)豐富人眼容易區(qū)別明暗對比強色相反差大飽和度高細節(jié)44顏色本身吸引人的注意顏色本身45辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度低的文字配色辨識度低的文字配色辨識度低的文字配色辨識度低的文字配色通過顏色搭配提高辨識度辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度46常見的色彩搭配選擇常見的色彩搭配選擇47我們經(jīng)常看到……我們經(jīng)常看到……48視覺設計與營銷培訓課件49視覺設計與營銷培訓課件50視覺設計與營銷培訓課件51但，還有這樣的！但，還有這樣的！52視覺設計與營銷培訓課件53視覺設計與營銷培訓課件54視覺設計與營銷培訓課件55不知道如何為版面配色時怎么辦？如何有效的決定好配色？不知道如何為版面配色時怎么辦？如何有效的決定好配色？56我要的是什么顏色？沒有顏色用什么顏色來搭配？有1個顏色，尋找搭配怎么搭配？顏色都有了，如何用尋找色彩的過程我要的是什么顏色？用什么顏色來搭配？怎么搭配？尋找色彩的過程57正確示范錯誤示范正確示范錯誤示范58背景色強調色配色的基本思路產品自身顏色品牌象征色文案背景色色彩特性背景色：淺灰（產品顏色）強調色：藍色漸變（藍色——男性女性都喜歡）整體表現(xiàn)出生活感和現(xiàn)代感，與當代都市人的狀態(tài)契合度非常高。背景色強調色配色的基本思路產品自身顏色品牌象征色文案背景色色59有效利用照片主角色彩背景色的選取有效利用照片主角色彩背景色的選取60從產品自身顏色中選取從產品自身顏色中選取61視覺設計與營銷培訓課件62在重點部分使用素材的象征性色彩強調色的選擇在重點部分使用素材的象征性色彩強調色的選擇63強調色選用黃色是背景色藍色為對比色強調色選用黃色64例一個活動頁面中常由以下元素組成（五角星代表重要性）標題（★★★）產品（★★★★）副標題（★★）活動詳情（★）背景圖案1.用強烈色相對比（互補色或者對比色）+強烈明暗對比2.用稍弱的色相對比（相近色）+強烈的明暗對比3.可以只用明暗對比且無色相差異的顏色例1.用強烈色相對比（互補色或者對比色）+強烈明暗對比65視覺設計與營銷培訓課件66重要文字提取圖片中的色彩，提取藍色或者黃色。（強調文字內容的同時保持了整體配色的穩(wěn)定）重要文字提取圖片中的色彩，提取藍色或者黃色。（強調文字內容的67背景色——深色的背景讓整個頁面看起來經(jīng)典、精益求精、沉穩(wěn)、正式且足夠“企業(yè)化”。按鈕色——設計師在這個CTA按鈕（行為召喚按鈕）上使用了強對比的紅色，醒目且非常吸引用戶去點擊。文本色——白色的文本與黑色的底色形成明顯的對比，從整體配色方案上來看也非常搭調。文字搭配的線條圖標采用了同樣的白色，在色彩上采用了高度一致的方案，露頭的文本暗示用戶需要向下滾動。背景色——深色的背景讓整個頁面看起來經(jīng)典、精益求精、沉穩(wěn)、正68了解顏色中紅色、黃色非常適合做強調色，但不適宜大面積使用。配色的基本思路：確定背景色，在選擇強調色。背景色盡量從產品特征顏色中確定。強調色可以選擇品牌的象征色、色環(huán)中對比強烈的顏色。如何快速為電商海報配色。知識點小結了解顏色中紅色、黃色非常適合做強調色，但不適宜大面積使用。知69體現(xiàn)出信息的先后順序如何順利引導讀者快速找到自己關注的內容？如何用色彩對讀者的閱讀順序進行引導？體現(xiàn)出信息的先后順序如何順利引導讀者快速找到自己關注的內容？70利用色彩的色調拉出間隙，引導出自然的閱讀順序利用色彩的色調拉出間隙，引導出自然的閱讀順序71視覺設計與營銷培訓課件72通過圖片的大小與色彩的色調來引導讀者的視線通過圖片的大小與色彩的色調來引導讀者的視線73利用圖片的大小與亮度落差來引導視線利用圖片的大小與亮度落差來引導視線74視覺設計與營銷培訓課件75采用色調高的大尺寸圖片會讓版面設計更有張力。圖片的視覺落差越大，視覺沖擊力也會越大，也就越容易讓人有過目不忘的印象。采用色調高的大尺寸圖片會讓版面設計更有張力。圖片的視覺落差越76掌握色彩運用的規(guī)則掌握色彩運用的規(guī)則77顏色多寡決定價位高低價位低——顏色多；價位高——顏色少顏色多寡決定商品風格顏色多——年輕、活潑；顏色少——高雅、沉穩(wěn)顏色的數(shù)量控制顏色數(shù)量三個為界；強調色只能有一個。從照片中找配色每一張照片都在告訴你用色的方法。配合情境搭配顏色配合季節(jié)與氣氛；不要忽略黑色與白色規(guī)則顏色多寡決定價位高低價位低——顏色多；價位高——顏色少顏色多78視覺設計與營銷培訓課件79視覺設計與營銷培訓課件80視覺設計與營銷培訓課件81視覺設計與營銷培訓課件82視覺設計與營銷培訓課件83網(wǎng)頁配色的流行趨勢網(wǎng)頁配色的流行趨勢841.Metro和柔和鮮嫩的色彩

1.Metro和柔和鮮嫩的色彩

852.以簡單灰作為網(wǎng)頁基調2.以簡單灰作為網(wǎng)頁基調863.低透明度色彩3.低透明度色彩874.用高亮色體現(xiàn)用戶交互4.用高亮色體現(xiàn)用戶交互885.不輕易減少亮度中的黑色視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材5.不輕易減少亮度中的黑色視覺設計與營銷培訓課件ppt優(yōu)秀課896.藍色是網(wǎng)站的“基本款”視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材6.藍色是網(wǎng)站的“基本款”視覺設計與營銷培訓課件ppt優(yōu)秀課907.單色網(wǎng)頁視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材7.單色網(wǎng)頁視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓91通過顏色的色相、明暗對比來引導讀者實現(xiàn)配色的五大潛規(guī)則感受黑、白、灰，打造高端、奢侈的視覺效果網(wǎng)頁配色的流行趨勢知識點小結視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材通過顏色的色相、明暗對比來引導讀者實現(xiàn)知識點小結視覺設計與營92成功的色彩方案emotionmethodcolor成功的配色方案是理智與情感的化身視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材成功的emotionmethodcolor成功的配色方案是理93多看、多想、多感受、多行動視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材多看、多想、多感受、多行動視覺設計與營銷培訓課件ppt優(yōu)秀課94從現(xiàn)在開始：1.文字圖像并用、鍛煉整個大腦思考2.為照片配色文字說明3.在博客帖子中加入視覺效果4.配有文字、圖片和視頻的帖子會更有傳播量5.純文字信息，72小時后，人們僅能記住10%，但可視化信息能夠記住65%。視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材從現(xiàn)在開始：1.文字圖像并用、鍛煉整個大腦思考視覺設計與營95謝謝觀看視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件培訓教材謝謝觀看視覺設計與營銷培訓課件ppt優(yōu)秀課件精品課件培訓課件96視覺心理與色彩運用

(基礎)視覺設計與營銷培訓課件ppt視覺設計與營銷培訓課件ppt視覺心理與色彩運用

(基礎)視覺設計與營銷培訓課件ppt視覺97第一節(jié)視覺心理第二節(jié)色彩心理學的運用第一節(jié)視覺心理第二節(jié)色彩心理學的運用98主要內容●視覺對消費者的影響●視覺傳達的目標●影響心理的視覺元素●色彩心理學基礎第一節(jié)視覺心理主要內容第一節(jié)視覺心理99視覺對消費者的影響AIDA效果模式注意(Attention)興趣(Interest)愿望(Desire)行動(Action)視覺對消費者的影響AIDA效果模式注意(Attention)100視覺傳達的目標視覺傳達的目標101影響心理的視覺元素顏色圖形材質顏色對與人心理產生的影響大于圖形和材質。影響心理的視覺元素顏色圖形材質顏色對與人心理102根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，暖色系（紅、橙、黃）冷色系（藍、綠、藍紫）色彩心理學基礎●

色相：即各類色彩的相貌稱謂。

如：紅、綠、藍等顏色名稱●

純度：又叫彩度，它是指色彩飽和的程度，或是指色彩的純凈程度。●明度：色彩明暗深淺的差異程度。白色最高，黑色最低，黃色最高，藍紫色最低。根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，色彩心理學基礎●103暖色（WarmColors）●暖色包含紅、橙、黃以及這三種顏色的變種。●它們分別是烈焰、秋葉以及日出和日落的顏色，它們通常象征活力、激情和積極?！裨O計中使用暖色以體現(xiàn)出激情，快樂，熱忱和活力的主調。暖色（WarmColors）●暖色包含紅、橙、黃以及這三104紅色（原色）紅色是一種很重的色彩，如果在設計使用過多，會產生一種壓倒性的感官效果，尤其是使用純紅色時。如果想在設計中添加進力量和激情的感覺，紅色就是一種非常不錯的顏色。淺紅，更能體現(xiàn)活力深紅，更能體現(xiàn)力量和優(yōu)雅紅色（原色）紅色是一種很重的色彩，如果在設計使用過多，會產生105視覺設計與營銷培訓課件106視覺設計與營銷培訓課件107視覺設計與營銷培訓課件108橙色橙色不像紅色那樣強烈，但也能獲取觀眾的注意力。通常認為橙色更友善和誘人，不像紅色那樣具有挑釁性。橙色橙色不像紅色那樣強烈，但也能獲取觀眾的注意力。通常認為橙109視覺設計與營銷培訓課件110視覺設計與營銷培訓課件111視覺設計與營銷培訓課件112黃色（原色）黃色最明亮、最具活力的暖色聯(lián)想到快樂和陽光與希望有關與危險有關地域不同含義不同兒童喜歡的顏色鮮黃色（brightyellow）可以增添快樂和愉悅感覺。柔和的黃色通常用作嬰兒和小孩的中性色（相對藍色或者粉紅色）。淡黃色（Lightyellows）相對鮮黃色而言給人是一種更內斂的快樂感受。深黃色和金黃色有時很有古韻，當需要營造一種永恒的感覺時，則可使用這種顏色。黃色（原色）黃色最明亮、最具活力的暖色聯(lián)想到快樂和陽光與希望113視覺設計與營銷培訓課件114視覺設計與營銷培訓課件115視覺設計與營銷培訓課件116冷色（CoolColors）●冷色系包含綠色、藍色和紫色，相對暖色，強度要弱?！袷且?、水和自然的代表顏色，通常給人感覺是舒緩，放松，以及有一點冷淡。●使用冷色可以營造一種冷靜或專業(yè)的感覺。冷色（CoolColors）●冷色系包含綠色、藍色和紫色117綠色（合成色）綠色非常務實的顏色象征新的開始和成長新生與富饒代表缺乏經(jīng)驗與自然相關象征財富、安定綠色繼承了藍色所有具備的平靜的屬性，但是它也吸收了一些黃色的活力。在設計中，綠色有一種平衡和協(xié)調的效果，并且很穩(wěn)定。對于與財富，安定，新生以及自然相關的設計，綠色很合適。亮綠色更具活力和生機。橄欖綠更多表示自然界。暗綠色則是富饒的最典型代表。綠色（合成色）綠色非常務實的顏色象征新的開始和成長新生與富饒118視覺設計與營銷培訓課件119視覺設計與營銷培訓課件120視覺設計與營銷培訓課件121藍色（原色）藍色與憂傷有關象征冷靜和責任與和平有關文化不同寓意不同深藍表示可靠與力度淺藍清新而友好藍色的含義很大程度上取決于純度和明度的變化。淺藍色通常表示放松和平靜，亮藍色則通常表示活力和清新，深藍色則非常適合公司類型的網(wǎng)站，這類場合，感染力和可靠性是很重要的。藍色（原色）藍色與憂傷有關象征冷靜和責任與和平有關文化不同寓122視覺設計與營銷培訓課件123視覺設計與營銷培訓課件124視覺設計與營銷培訓課件125視覺設計與營銷培訓課件126紫色紫色與高貴有關與創(chuàng)造力和想象力與財富和忠誠有關聯(lián)想到浪漫深紫色展現(xiàn)富有與奢華淺紫色聯(lián)想春天與浪漫深紫色給人一種富有和奢華的感受。淺紫色則更多讓人想到春天和浪漫。紫色紫色與高貴有關與創(chuàng)造力和想象力與財富和忠誠有關聯(lián)想到浪漫127視覺設計與營銷培訓課件128視覺設計與營銷培訓課件129中性色中性色黑色白色灰色褐色米黃色與茶色奶油色與乳白色中性色通常用作設計作品的背景色。通常與亮色混用。不過也可在設計中單獨使用中，制作出老道的布局來。中性色的含義及其給人的影響容易受到周圍暖色和冷色的影響。中性色中性色黑色白色灰色褐色米黃色與茶色奶油色與乳白色中性色130視覺設計與營銷培訓課件131視覺設計與營銷培訓課件132視覺設計與營銷培訓課件133視覺設計與營銷培訓課件134視覺設計與營銷培訓課件135思考1.你的產品特征，定位是什么？2.你要傳達給消費者的感受是什么？思考136顏色、圖形、材質等視覺元素都會影響心理的變化消費者的心理過程：吸引注意、引起興趣、激發(fā)愿望、產生購買行為色彩對心理影響最大。不同顏色對人心理產生的影響不同。知識點小結知識點小結137主要內容●如何做到醒目的視覺效果？●如何有效的決定好配色？●如何用色彩對讀者的閱讀順序進行引導？●掌握色彩運用的規(guī)則●網(wǎng)頁配色的流行趨勢第二節(jié)色彩心理學的運用主要內容第二節(jié)色彩心理學的運用138如何做到醒目的視覺效果？如何做到醒目的視覺效果？139人眼容易區(qū)別明暗對比強色相反差大飽和度高細節(jié)豐富人眼容易區(qū)別明暗對比強色相反差大飽和度高細節(jié)140顏色本身吸引人的注意顏色本身141辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度低的文字配色辨識度低的文字配色辨識度低的文字配色辨識度低的文字配色通過顏色搭配提高辨識度辨識度高的文字配色辨識度高的文字配色辨識度高的文字配色辨識度142常見的色彩搭配選擇常見的色彩搭配選擇143我們經(jīng)?？吹健覀兘?jīng)?？吹健?44視覺設計與營銷培訓課件145視覺設計與營銷培訓課件146視覺設計與營銷培訓課件147但，還有這樣的！但，還有這樣的！148視覺設計與營銷培訓課件149視覺設計與營銷培訓課件150視覺設計與營銷培訓課件151不知道如何為版面配色時怎么辦？如何有效的決定好配色？不知道如何為版面配色時怎么辦？如何有效的決定好配色？152我要的是什么顏色？沒有顏色用什么顏色來搭配？有1個顏色，尋找搭配怎么搭配？顏色都有了，如何用尋找色彩的過程我要的是什么顏色？用什么顏色來搭配？怎么搭配？尋找色彩的過程153正確示范錯誤示范正確示范錯誤示范154背景色強調色配色的基本思路產品自身顏色品牌象征色文案背景色色彩特性背景色：淺灰（產品顏色）強調色：藍色漸變（藍色——男性女性都喜歡）整體表現(xiàn)出生活感和現(xiàn)代感，與當代都市人的狀態(tài)契合度非常高。背景色強調色配色的基本思路產品自身顏色品牌象征色文案背景色色155有效利用照片主角色彩背景色的選取有效利用照片主角色彩背景色的選取156從產品自身顏色中選取從產品自身顏色中選取157視覺設計與營銷培訓課件158在重點部分使用素材的象征性色彩強調色的選擇在重點部分使用素材的象征性色彩強調色的選擇159強調色選用黃色是背景色藍色為對比色強調色選用黃色160例一個活動頁面中常由以下元素組成（五角星代表重要性）標題（★★★）產品（★★★★）副標題（★★）活動詳情（★）背景圖案1.用強烈色相對比（互補色或者對比色）+強烈明暗對比2.用稍弱的色相對比（相近色）+強烈的明暗對比3.可以只用明暗對比且無色相差異的顏色例1.用強烈色相對比（互補色或者對比色）+強烈明暗對比161視覺設計與營銷培訓課件162重要文字提取圖片中的色彩，提取藍色或者黃色。（強調文字內容的同時保持了整體配色的穩(wěn)定）重要文字提取圖片中的色彩，提取藍色或者黃色。（強調文字內容的163背景色——深色的背景讓整個頁面看起來經(jīng)典、精益求精、沉穩(wěn)、正式且足夠“企業(yè)化”。按鈕色——設計師在這個CTA按鈕（行為召喚按鈕）上使用了強對比的紅色，醒目且非常吸引用戶去點擊。文本色——白色的文本與黑色的底色形成明顯的對比，從整體配色方案上來看也非常搭調。文字搭配的線條圖標采用了同樣的白色，在色彩上采用了高度一致的方案，露頭的文本暗示用戶需要向下滾動。背景色——深色的背景讓整個頁面看起來經(jīng)典、精益求精、沉穩(wěn)、正164了解顏色中紅色、黃色非常適合做強調色，但不適宜大面積使用。配色的基本思路：確定背景色，在選擇強調色。背景色盡量從產品特征顏色中確定。強調色可以選擇品牌的象征色、色環(huán)中對比強烈的顏色。如何快速為電商海報配色。知識點小結了解顏色中紅色、黃色非常適合做強調色，但不適宜大面積使用。知165體現(xiàn)出信息的先后順序如何順利引導讀者快速找到自己關注的內容？如何用色彩對讀者的閱讀順序進行引導？體現(xiàn)出信息的先后順序如何順利引導讀者快速找到自己關注的內容？166利用色彩的色調拉出間隙，引導出自然的閱讀順序利用色彩的色調拉出間隙，引導出自然的閱讀順序167視覺設計與營銷培訓課件168通過圖片的大小與色彩的色調來引導讀者的視線通過圖片的大小與色彩的色調來引導讀者的視線169利用圖片的大小與亮度落差來引導視線利用圖片的大小與亮度落差來引導視線170視覺設計與營銷培訓課件171采用色調高的大尺寸圖片會讓版面設計更有張力。圖片的視覺落差越大，視覺沖擊力也會越大，也就越容易讓人有過目不忘的印象。采用色調高的大尺寸圖片會讓版面設計更有張力。圖片的視覺落差越172掌握色彩運用的規(guī)則掌握色彩運用的規(guī)則173顏色多寡決定價位高低價位低——顏色多；價位高——顏色少顏色多寡決定商品風格顏色多——年輕、活潑；顏色少——高雅、沉穩(wěn)顏色的數(shù)量控制顏色數(shù)量三個為界；強調色只能有一個。從照片中找配色每一張照片都在告訴你用色的方法。配合情境搭配顏色配合季節(jié)與氣氛；不要忽略黑色與白色規(guī)則顏色多寡決定價位高低價位低——顏色多；價位高——顏色少顏色多174視覺設計與營銷培訓課件175視覺設計與營銷培訓課件176視覺設計與營銷培訓課件177視覺設計與營銷培訓課件178視覺設計與營銷培訓課件179網(wǎng)頁配色的流行趨勢網(wǎng)頁配色的流行趨勢1801.Metro和柔