視覺設(shè)計(jì)與營銷培訓(xùn)課件

視覺心理與色彩運(yùn)用

(基礎(chǔ))視覺設(shè)計(jì)與營銷培訓(xùn)課件ppt視覺設(shè)計(jì)與營銷培訓(xùn)課件ppt視覺心理與色彩運(yùn)用

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

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

如：紅、綠、藍(lán)等顏色名稱●

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

1.Metro和柔和鮮嫩的色彩

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

(基礎(chǔ))視覺設(shè)計(jì)與營銷培訓(xùn)課件ppt視覺設(shè)計(jì)與營銷培訓(xùn)課件ppt視覺心理與色彩運(yùn)用

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

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

如：紅、綠、藍(lán)等顏色名稱●

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