视觉心理与色彩运用 (基础)
第一节 视觉心理
第二节 色彩心理学的运用
主要内容
● 视觉对消费者的影响
● 视觉传达的目标
● 影响心理的视觉元素
● 色彩心理学基础
第一节 视松，以及有一点冷淡。
● 使用冷色可以营造一种冷静或专业的感觉。
绿色（合成色）
绿色
非常务实的颜色
象征新的开始和成长
新生与富饶
代表缺乏经验
与自然相关
象征财富、安定
绿色继承了蓝色所有具备的平静的属性，但是它也吸收了一些黄色的活力。在设计中，绿色有一种平衡和协调的效果，并且很稳定。对于与财富，安定，新生以及自然相关的设计，绿色很合适。
亮绿色更具活力和生机。
橄榄绿更多表示自然界。
暗绿色则是富饶的最典型代表。
蓝色（原色）
蓝色
与忧伤有关
象征冷静和责任
与和平有关
文化不同寓意不同
深蓝表示可靠与力度
浅蓝清新而友好
蓝色的含义很大程度上取决于纯度和明度的变化。
浅蓝色通常表示放松和平静，
亮蓝色则通常表示活力和清新，
深蓝色则非常适合公司类型的网站，这类场合，感染力和可靠性是很重要的。
紫色
紫色
与高贵有关
与创造力和想象力
与财富和忠诚有关
联想到浪漫
深紫色展现富有与奢华
浅紫色联想春天与浪漫
深紫色给人一种富有和奢华的感受。浅
紫色则更多让人想到春天和浪漫。
中性色
中性色
黑色
白色
灰色
褐色
米黄色与茶色
奶油色与乳白色
中性色通常用作设计作品的背景色。
通常与亮色混用。
不过也可在设计中单独使用中，制作出老道的布局来。
中性色的含义及其给人的影响容易受到周围暖色和冷色的影响。
思 考
，定位是什么？
？
颜色、图形、材质等视觉元素都会影响心理的变化
消费者的心理过程：吸引注意、引起兴趣、激发愿望、产生购买行为
色彩对心理影响最大。
不同颜色对人心理产生的影响不同。
知识点小结
主要内容
● 如何做到醒目的视觉效果？
● 如何有效的决定好配色？
● 如何用色彩对读者的阅读顺序进行引导？
● 掌握色彩运用的规则
● 网页配色的流行趋势
第二节 色彩心理学的运用
如何做到醒目的视觉效果？
人眼容易区别
明暗对比强
色相反差大
饱和度高
细节
丰富
颜色本身
吸引人的注意
辨识度高的文字配色
辨识度高的文字配色
辨识度高的文字配色
辨识度高的文字配色
辨识度低的文字配色
辨识度低的文字配色
辨识度低的文字配色
辨识度低的文字配色
通过颜色搭配
提高辨识度
常见的色彩搭配选择
我们经常看到……
但，还有这样的！
不知道如何为版面配色时怎么办？
如何有效的决定好配色？
我要的是什么颜色？
没有颜色
用什么颜色来搭配？
有1个颜色，寻找搭配
怎么搭配？
颜色都有了，如何用
寻找色彩的过程
正确示范
错误示范
背景色
强调色
配色的基本思路
产品自身颜色
品牌象征色
文案
背景色
色彩特性
背景色：浅灰（产品颜色）
强调色：蓝色渐变（蓝色——男性女性都喜欢）
整体表现出生活感和现代感，与当代都市人的状态契合度非常高。
有效利用照片主角色彩
背景色的选取
从产品自身颜色中选取
在重点部分使用素材的象征性色彩
强调色的选择
强调色选用黄色
是背景色蓝色为对比色
例
一个活动页面中常由以下元素组成
（五角星代表重要性）
标题（★★★ ）
产品（★★★★）
副标题（★★）
活动详情（★）
背景图案
（互补色或者对比色）+强烈明暗对比
（相近色）+强烈的明暗对比
重要文字提取图片中的色彩，提取蓝色或者黄色。（强调文字内容的同时保持了整体配色的稳定）
背景色——深色的背景让整个页面看起来经典、精益求精、沉稳、正式且足够“企业化”。
按钮色—— 设计师在这个CTA按钮（行为召唤按钮）上使用了强对比的红色，醒目且非常吸引用户去点击。
文本色——白色的文本与黑色的底色形成明显的对比，从整体配色方案上来看也非常搭调。
文字搭配的线条图标采用了同样的白色，在色彩上采用了高度一致的方案，露头的文本暗示用户需要向下滚动。
了解颜色中红色、黄色非常适合做强调色，但不适宜大面积使用。
配色的基本思路：确定背景色，在选择强调色。
背景色尽量从
视觉设计方案与营销培训课程课件 来自淘豆网m.daumloan.com转载请标明出处.
