购物网站广告设计中的交互原则和色彩应用研究

王 巍 翟浩鹏 梅常青 (黑龙江财经学院 黑龙江哈尔滨 150000)

购物网站广告设计是实现购物网站广告到达率的必备技术手段，没有很好设计和创意的广告是不能实现预期的广告效果的。所以设计中的交互原则和色彩因素就成为购物网站广告设计视觉传达中的重点研究内容。

一、 购物类型网站的广告设计特征

1.广告展现规范

目前互联网的网站页面尺寸，随着显示设备的更新尺寸不断增加，从传统的800像素宽度正在向1024像素普及。购物网站由于单页面信息量较大，普遍采用1002像素的宽度（浏览器含有边框和右侧滑动条），长度往往都超过3000像素。在这样大型的界面上规范广告尺寸是保证购物网站整体交互效果的必然要求。除标准的广告尺寸外，还有通栏、超级通栏、巨幅广告、竖边广告、全屏广告、弹出广告、流媒体广告等，可根据实际广告内容与界面情况设定。

2.UI交互优化

UI的设计，已成为现在工业设计的重要组成部分，不但电子产品设计了很优良的人机交互，网站的UI交互也逐渐成为网站运营的重点。

（1）交互原则一致

网站存在多个组成部分（组件、元素）。不同组成部分之间的交互体验需要一致。

（2）元素外观一致

交互元素的外观往往影响用户的交互效果。同一个（类）购物网站采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

（3）交互行为一致

在用户登录网站后，在同一位置操作的功能按钮要尽量保持一致，用户对此产生操作习惯，这样有助于用户更有效地使用各种交互功能。

二、 购物网站广告设计的色彩应用

1.视觉色彩和谐原则

（1）色相刺激量和谐原则

根据常用色彩模式HSB，H色相环中的色相排列，0度至359度展现亮度和饱和度为100的所有纯色，那么度数越大刺激量也就会随之增大。具体体现为，0度红与30度橙色差小，刺激量微弱。0度红与60度黄色差小，刺激量弱。0度红与90度黄绿色色差加大，刺激量中，0度红与120度绿色差大，刺激量中高。0度红与150度青绿色色差很大，刺激量高。0度红色与180度青色色差极大，刺激量强。

购物网站的广告色彩选择应了解色彩的刺激量，刺激量越大反差就越大，就要注意色彩的和谐性。

（2）饱和度与亮度的和谐原则

HSB色彩模式中，S（饱和度）B（亮度）构成色彩立面模型，可以归纳成点性规律、线性规律、面性规律（区域规律）。点性规律是任何色彩只要S、B值相同，色彩具有高和谐性。线规律，S线规律是饱和度相同的色彩具有规律性。B线规律是亮度相同的色彩具有规律性。从S、B为100到S、B为0的线为正斜线，正斜线的色彩具有规律性，从S为0，B为100到S为100、B为0的线为反斜线，反斜线的色彩具有规律性。面性规律是S、B模型根据色彩区域划分，分为白区、彩区、黑区、灰区、上三角区、下三角区、左三角区、右三角区和中方区九个区域。每个区域具有各自的色彩属性。

在购物网站广告的色彩设计中，要把握好S、B值构成的各种色彩规律，由整体色彩设计规范下的各个广告色彩才能得到很好地展现，那么通过色彩各种规律的色彩设计就能很好地优化色彩整体调性，达到色调和谐，广告突出的目的。

2.购物网站广告的色彩设计应用

购物网站具有网站类型中购物的独特商业属性，所以购物网站广告色彩设计要体现更加优秀的色彩整体和谐性。

色彩的视觉和谐是需要合理利用色彩搭配相关知识，将可视面积内的设计元素全面进行色彩设计的结果。要求设计师能掌握相应的色彩设计方法和理论。色彩的和谐在网站设计中，具有更加突出的作用和交互体验。好的色彩搭配页面，会让用户感觉舒服，平均观看时间大大增加，有效地提高网站的关注率，如果不注意色彩的搭配和交互内容，则用户还未看清网站内容就会匆匆地关闭掉网站，其他内容就无从谈起了。

色彩在网页广告中，应该遵循简单、和谐、主题突出的原则。把网页广告的主题设置为醒目的颜色能有助于用户快速找到广告的传播内容和主体。

3.网页广告色彩的设计原理

（1）色相对比越强，色彩刺激量越大

在色相环中，色彩的跨度越大，往往色彩的差异也就越大。根据色彩试验表明，色相环中越是接近的色相，色彩对人视觉的色彩刺激感官越弱。色相差异越大，色彩对视觉刺激感越强。

（2）自然色彩是设计的建议色彩

五彩斑斓的大自然，还未有人类的历史就早有自然色彩了。色彩的自然属性和自然产生的和谐，是设计师要感受和领悟的。自然界的色彩本身就具有和谐性，在一定的设计和总结后，能给设计师很好的设计灵感。

（3）色彩的整体性

不同设计主题的体现，需要设计者即能照顾整体设计的统一性又能体现不同设计区域的特色，这样就要有一定的色调的整体把握和安排了，同一个网站不应该同时有多套色调设计，最好能维持一套色调。这样用户在不同页面登录都能有同站的感受。

（4）色彩面积匹配的效果

色彩设计中，面积因素是比较重要的，色彩面积越大其色彩的视觉效果就越明显。最大的色彩面积为主色，应该大于总面积的三分之二左右，辅色为三分之一左右，还可以设计一些点缀色。构成一套完善的色彩面积规划是必须要合理设计的。

（5）不同地域、不同民俗会有不同的色彩心理

能引起观者审美心理共鸣的配色是和谐的。由于各个民族以至每个人的心理特点（如性别、年龄等）、心理变化（如欢乐、喜悦、悲哀等）和生存的社会条件（如文化、科学、艺术、教育、政治经济等）、自然环境的不同，表现在气质、性格、爱好、兴趣以及风俗习惯等方面是不尽相同的，在色彩方面各有偏爱。

总结

购物网站广告设计的交互是实现网站的人性化设计的重要体现，优化的交互让访问体验更加高效，让消费者更加喜欢网站。色彩是购物网站整体视觉质量的保证，良好的色彩规划能有效地促进购物网站的广告到达率，提升广告的消费水平。

[1]杨荣刚著.《现代广告策划》，机械工业出版社，1989年9月.

[2]田平主编.《企业形象策划》，中央编译出版社，1995年1月.

[3]陈宝琼、陈培爱主编.《广告学》，武汉大学出版社，1995年5月.

[4]樊志育：《广告学》，台湾1970年8月初版.

[5]（美）欧盖因(O’guinn T.C.)等：《Advertising》，大连：东北财经大学出版社，1998年3月.