让色彩讲好banner的故事.docVIP

让色彩讲好banner的故事 　　【内容摘要】当今，绝大部分公司抢占互联网虚拟世界的空间建立自己的品牌形象。通过互联网进行产品宣传，并且网上商品买卖已经成为大众喜爱的购物方式。互联网媒体广告也随之蓬勃发展。在互联网广告中，banner最能传达页面中的重要信息和商品促销信息。而且banner的设计品质优秀，那么整个网页的品质感和档次也有明显提升。因此banner设计显示出越来越重要的作用，那么对banner设计的研究也是必要的。如何通过banner去做好广告宣传，如何提高banner的设计水平已成为设计师思考的问题。文章着重从配色角度对banner设计的美学及表意进行深入的分析，由此可以更理性地掌握banner设计的奥妙之处。 　　【关键词】互联网广告 banner设计 配色方法 　　以互联网为代表的信息技术革命，深刻地改变了我们社会生活的各个方面。互联网广告的产生和发展是建立在互联网广泛应用基础上的。互联网广告又叫做网络广告，是指采用相关电子多媒体技术设计制作，并通过互联网传播信息的广告形式。 　　由于互联网不仅是一种新兴媒介，同时又是电子通讯平台和商务平台，因此互联网广告的类型比传统媒介广告类型丰富得多。目前，banner广告是我们在互联网上最常见的一种广告类型。 　　banner也称条幅广告，是网络上最常见、最基础的广告形式。它是位于网页界面顶部、中部、底部任意一处，但是横向贯穿整个或者大半个页面的广告条。也可以理解为是一个表现广告内容的GIF、JPG格式的图像文件，是互联网广告中最基本的广告形式。它往往做成动画形式，同时还可使用Java等语言使其产生交互性。标准GIF格式以外的banner被称为Rich Media Banner。在本文中，将以静态的banner画面做解析。 　　在设计banner时往往使用色彩来突出重要的信息或传达某种特定的感情来贴合主题。让用户在短时间内有点击的欲望，进而提升宣传力度和购买的愿望。在实际应用中，有的banner在首页上只存在一天或一周的时间（如淘宝网、亚马逊等大型的购物网站的banner更新率就非常高）；有的banner存在的时间会长一些，一个月或一个季度或更长的时间。这样的banner一般存在于专题促销页面或者公司、剧院网站等。通常根据banner存在的时间长短，而采取不同的设计方法。在设计更新率高的banner时，图形图像与文字在构图中平分秋色，甚至有时只需文字。色彩的应用符合主题、渲染气氛。设计协调的配色方法就适合于此。在设计更新率较低的banner时，色彩的选用要考虑到整个页面的色彩关系，设计风格也要符合整个页面以及网站的视觉风格。那么强调设计的配色方法就适合这样的banner设计。无论是更新率高的banner，还是更新率较低的banner，在设计的时候都要遵循主题明确、重点文字突出的原则。以下就是对这两种类型的banner配色方法的分析。 　　一、协调的配色 　　在这里主要分析配色达到协调的方法。对于更新率高的banner设计而言，主题要明确，信息的有效传达与内容的易于理解是最重要的；色彩不要过于刺激。协调的配色就能达到以上的目的。 　　色相一致：色相一致的配色使设计的统一感强。在同一色相中，利用明度和纯度的变化，微妙地去展现各个部分。如图1是2010世界杯banner设计，其采用明度不同的黄色进行单色搭配，利用明暗不同而呈现出来的前后关系来组织信息的主次。在这则广告中色彩的运用既体现了非洲地区的炎热气候，突出地域的特征，又使设计的整体感加强。 　　但有时由于色调一致，色彩上的变化很细微，所以会给人单调的印象。这时可以选择色相环上位置比较相近的颜色，同样可以达到统一感且变化的幅度也增大了。如图2是应用在新年年庆的促销网站上的一则banner广告。橘红色和黄色在色环上是相邻的色彩，两色都属暖色系。当同纯度的两色同时出现在画面上时，黄色明度更高些，与橘红色产生明度差，这样就可以更好地衬托出橘红色的图形和文字。红色和黄色搭配传达吉祥、喜庆的含义，很好地烘托了新年的气氛。 　　明度一致：明度一致的配色，即使是缤纷的色彩也能让设计达到整体且具有平面感。如图3a在这个banner设计中，采用红、黄、绿三种色相来搭配，但分别降低各自的纯度，提高明度，使明度趋向一致，达到画面整体统一，没有割裂感。画面中更多的暖色使用给人以温暖、普照和煦阳光的感觉。高明度色彩的使用也使整个设计看起来温馨、明快。色彩的使用无论在视觉上还是在心理上都贴合了广告的主题。 　　使色彩达到明度一致常常比较复杂，因为不同色相的色彩本身就有明度的差异。所以通常都是将设计在photoshop中黑白化来查看明度的差异，如图3b。 　　纯度一致：高纯度的配色能让人感觉刺激、振奋，而低纯度的配色让人感觉朴