网络广告的颜色选择与搭配

1、网络广告的制作 n 一、色彩的基本概念 n 自然界中的色彩可以分为非彩色和彩色两大类。 一、广告中的色彩原理一、广告中的色彩原理 一、广告中的色彩原理一、广告中的色彩原理 n 1、色相：也叫色泽，是颜色的的基本特征，反映了颜色的基本面貌。 最初的基本色相为：红、 橙、黄、绿、蓝、紫。 在各色中间加插一两个 中间色，其头尾色相， 按光谱顺序为：红、橙 红、黄橙、黄、黄绿、 绿、绿蓝、蓝绿、蓝、 蓝紫，紫。红紫、红和 紫中再加个中间色，可 制出十二基本色相。 一、广告中的色彩原理一、广告中的色彩原理 n 饱和度是指色彩的鲜艳程度，也称色彩的纯度。饱和度取决于该色中 含色成分和消色成分（灰色）的比例

2、。含色成分越大，饱和度越大； 消色成分越大，饱和度越小。 一、广告中的色彩原理一、广告中的色彩原理 n 明度：也叫亮度，体现颜色的深浅。 一、广告中的色彩原理一、广告中的色彩原理 n 色光的三原色 一、广告中的色彩原理一、广告中的色彩原理 n 颜料三原色 一、广告中的色彩原理一、广告中的色彩原理 n RGB和CMYK RGB色彩模式使 用RGB模型为图 像中每一个像素 的RGB分量分配 一个0255范围 内的强度值。 RGB图像只使用 三种颜色，就可 以使它们按照不 同的比例混合， 在屏幕上重现 16777216(256 * 256 * 256)种 颜色。 一、广告中的色彩原理一、广告中的色彩

3、原理 n RGB和CMYK CMYK也称作印刷色 彩模式，是一种依 靠反光的色彩模式， 和RGB类似，CMY 是3种印刷油墨名称 的首字母：青色 Cyan、品红色 Magenta、黄色 Yellow。而K取的是 black最后一个字母， 之所以不取首字母， 是为了避免与蓝色 (Blue)混淆。 网络广告设计色彩网络广告设计色彩 n 网络广告不同与平面广告，其颜色模 式与表现方法都有各自特点。 n 其主要区别在于：1.网络广告设计时 使用的是RGB（显示器使用）色彩模 式。而普通平面广告设计则使用印刷 用CMYK颜色模式。 n 2.电子商务站点是为客户服务的，它 的色彩搭配应以大众的欣赏习惯为标

4、 准，同时兼顾网站专业特点和艺术规 律。 广告设计中的色彩影响广告设计中的色彩影响 n 在广告作品的各种组成要素中，色 彩的影响作用最大，视觉效果最强， 更能引起公众的注意，更能引导公 众的联想心理。 n 心理学研究表明，人的视觉器官在 观察物体时，最初的几秒内色彩感 觉占80%，而形体感觉只占20%； 两分钟后色彩占60%，形体占40%； 5分钟后各占一半，这种状态将持续 下去。 广告设计中的色彩影响广告设计中的色彩影响 色的冷暖 1. 色彩的冷暖感 具有温暖感的色彩是: 红、橙、橘黄、黄、紫红 具有寒冷感的色彩是: 蓝、蓝绿、紫蓝 中性色彩是: 紫、绿、黑、白、灰 色彩的温度实验表明：人们

5、对于暖色和冷色的温度感 相差摄氏3度以上。 （2）轻重 深色物显得比浅色物重. （3）软硬 色彩也有硬度，当然这不是靠触摸去感受，而是靠视觉来 感受。感觉柔和的色彩是加入了明亮灰色的有彩色。混有黑色 的色彩感觉很硬。 （4）兴奋与沉静 暖色系能够让人兴奋，冷色系能够让人心情沉静。 膨胀与收缩 相同大小的物体，白色的看起来比较大，黑色的看起来比 较小。因此，色彩还会影响对物体大小的判断。使物体看起来 较大的颜色较膨胀色，使物体看起来较小的颜色叫收缩色。 图中的色块是一样大小吗？ 网络广告设计网络广告设计 色彩色彩 n 网络广告的色彩搭配应遵循以下几个原则 n 1.色彩的合理性 n 网页的色彩要漂

6、亮，引人注目，同时，还要照顾到人的眼睛的生理 特点，不要用大面积的高纯度色相，它容易使人的眼睛疲劳。 网络广告设计网络广告设计 色彩色彩 n 网络广告设计的色彩选择和搭配是网络广告设计重点之一，用什么 色彩才能最好的表达出企业的内涵？网络广告的色调、背景、文字、 图标、边框、链接应该采用什么样的色彩，应该如何搭配都是网络 广告设计一开始就必须考虑的问题。 n 通过上方的比较我们发现，在表达企业内涵层面，网络广告必须严格的依据 企业的视觉形象设计(VIS)标准进行设计制作。 网络广告设计网络广告设计 色彩色彩 n 2.色彩的独特性 n 要有与众不同的色彩搭配，衬托出网站的个性，使得大家对你的网站

7、印象深 刻。 n 3.色彩的艺术性 n 色彩设计属于艺术形式的范畴，按照内容决定形式的原则，色彩应服务于网 站的内容，和网站的气氛相适应。 网络广告设计重点网络广告设计重点 色彩色彩 n 蓝色灰色常常用于工业高科技企业，如微 软的网页大量使用蓝色。 n 粉色体现女性站点的柔媚。 n 黑色令人想到黑夜，可用做娱乐业网络广 告的基本色凋。 n 红色可用于商业、零售业站点等。 n 总之，选择色调一定要和网络广告的主要 内容相适应。 网络广告内容与受众分析决定页面设计网络广告内容与受众分析决定页面设计 n 如何选择色调要和网络广 告的主要内容相适应呢？ n 可以分为两个方面来解决： n 1.色彩的心理

8、感觉。 n 2.人们对色彩的喜好倾向。 n 不同的颜色会给浏览者不 同的心理感受。 红色 是一种激奋的色彩。刺激效果，能使 人产生冲动，愤怒，热情，活力的感 觉。 绿色 介于冷暖两中色彩的中间，显得和睦， 宁静，健康，安全的感觉。它和金黄， 淡白搭配，可以产生优雅，舒适的气 氛。 橙色 也是一种激奋的色彩，具有轻快，欢 欣，热烈，温馨，时尚的效果。 黄色 具有快乐，希望，智慧和轻快的个性， 它的明度最高。 蓝色 是最具凉爽，清新，专业的色彩。它 和白色混合，能体现柔顺，淡雅，浪 漫的气氛(象天空的色彩:) 白色 具有洁白，明快，纯真，清洁的感受。 黑色 具有深沉，神秘，寂静，悲哀，压抑 的感受

9、。 灰色 具有中庸，平凡，温和，谦让，中立 和高雅的感觉。 网络广告内容与受众分析决定页面设计网络广告内容与受众分析决定页面设计 n 2.人们对色彩的喜好倾向。 n 年龄性别对色彩喜好的影响大致如下: n (1)幼儿期喜爱红、黄色(纯色)。 n (2)儿童期喜爱红、蓝、黄、绿色 (纯色)。 n (3)年轻期喜爱蓝、绿、红色。不论男女，年轻人均喜爱红色，据 说这是为了抒发内心的一种热情。 n (4)中年后期 喜爱紫、茶、蓝、绿色，倾向于喜爱导致心境安宁效 果的色彩。 n (5)男子喜爱坚实、强烈、热情的色调。 n (6)女子喜爱柔和、文雅、抒情的色调。 年龄性别对色彩喜好的影响案例年龄性别对色彩

10、喜好的影响案例 比如设计儿童类或青少年为主 体受众的网络广告就必须使用 黄、绿、作为主要色调。 比如男子喜爱坚实、强烈、 热情的色调。就可以采用一些 深色的调子来设计。 网页色彩搭配的技巧网页色彩搭配的技巧 n 比色的应用（互补色对比） n 原色饱和度较高的色彩搭配使用即为对比色，如红与绿、黄与紫、蓝与橙等。 对比色的使用应以一种颜色为主调，使它占有较大的面积。例如，以红色为 主的色调，配以小面积的绿，商业零售站点及新闻站点常常运用对比色造成 丰富充实的效果。 n 4.有彩色与无彩色的对比 n 一般印刷品较少用大面积的黑色，而网页设计中以黑色为底的网站比较多见， 尤其是一些艺术网站更多，在RG

11、B色彩模式中，黑色是透明的感觉，它很容 易与其他高纯度的原色相协调，制作出新颖别致的网页。 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe网页制作三剑客，也就是人们普遍称之的“网页三 剑客”。它们分别是：Adobe Dreamweaver、Adobe Flash、Adobe Fireworks。 n Adobe Systems（台湾译作奥多比系统）是一家总部位于美国加州 圣何塞的电脑软件公司。 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe Dreamweaver Adobe Dreamweaver，简称 “DW”，是美国MACROMEDIA公 司开发的集网

12、页制作和管理网站于一 身的所见即所得网页编辑器，它是第 一套针对专业网页设计师特别发展的 视觉化网页开发工具，利用它可以轻 而易举地制作出跨越平台限制和跨越 浏览器限制的充满动感的网页。 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe Dreamweaver 工作介面 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe Flash Adobe Flash（原称 Macromedia Flash， 简称Flash；前身 FutureSplash），是美 国Macromedia (纳斯 达克：MACR)公司（现 在已被Adobe公司收购） 所设计的一种二维动画 软件 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe Flash 工作介面 网络广告设计软件网络广告设计软件 n 网络三剑客 n Adobe Fireworks n Adobe Fireworks是Adobe推出的一款网页作图软件，软 件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。 Fireworks 不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库， 并可与 Adobe Photoshop