一、色彩基础知识
色彩有三种特征, 分别是色相、纯度、明度。通过这三种元素相互作用, 可以起到传递信息和意向的作用, 从而引起受众在情感上的共鸣。不同色系所带给人的观感不同, 冷色系通常给人以高贵典雅的印象, 如蓝色、紫色, 颜色所蕴含的质感则通过调节明亮度来实现[1]。
所谓色相, 就是指色彩的样子, 如红、黄、蓝三原色, 不同的色相可以激发受众不同的联系, 不同色相所表达出的情感也是不尽相同的, 例如, 红色波长较短, 可以对神经产生较强的视觉刺激, 更容易引起受众的注意, 在生活中, 往往用红色进行一些警示作用, 如交通信号灯中, 红色代表着危险, 停止的意思。黄色明亮度最高, 是一个容易被影响的颜色, 黄色可以受到两个色调影响, 冷色调可以是柠檬黄, 暖色调则可以是橙色。蓝色给人以神秘的印象, 自然界中的蓝色是海, 是天空, 这些蓝色的自然景观会给人以神秘、沉静的印象。蓝色是一个可以与多种颜色进行搭配的颜色。自然界中绿色的多为森林, 植被, 给人以平和舒适的感觉。深绿色代表物为青松, 是成熟, 常春的象征。紫色是蓝色与红色的调和色, 是优雅神秘的象征。白色则代表着纯洁神圣。常常应用于婚礼与医疗。黑色具有两面性, 一方面可以传达坚定、刚毅, 另一方面则代表着黑暗与罪恶[2]。纯度也叫饱和度, 是区分颜色鲜艳程度的指标, 纯度越高的颜色越鲜艳明亮, 给人醒目的感觉, 视觉冲击力较强。纯度低的颜色则给人细腻稳重的感觉。
明度指的是色彩的明暗、深浅程度, 明度越高的色彩给人以活泼轻快的感觉, 而明度低的色彩则会诗人有压抑的感觉。
在世界网页设计中, 如何运用不同的色彩以达到通过色彩传达网页设计者意图的目的, 是设计者需要思考的问题。
二、色彩在网页设计中的作用
网页设计需要兼顾技术与美工, 技术为骨, 是网页设计的支撑;美工则通过色彩的运用完善视觉体验, 网页设计的美工需要合理运用与搭配色彩, 将色彩在设计中的特性出色的发挥出来。通过色彩的运用, 将网页所要表达的内容更直观的传达给受众。使网页更具活力, 下面笔者将从以下几个方面对色彩的作用进行研究跟探讨。
1、营造统一整体的风格
网页作为一个新兴的信息传播媒介, 其作用是将传统媒体的信息通过网络传播出去。随着网络的普及, 越来越多的人通过网络获取信息资源, 这样就产生了一个新兴的网页市场, 那么如何让自己的网站在众多同类中脱颖而出, 就是我们网页制作者需要重点考虑的问题。通过上文的叙述, 我们了解到色彩对网页设计的作用, 不同的色彩搭配会产生不同的视觉效果, 要想在众多同类网站中脱颖而出给受众以深刻的印象, 必须使网页在设计中有自己独特的风格, 根据统计, 市场上比较受欢迎的网站风格有两种, 一种是艺术感极强的网站, 通过大胆设计夸张运用重点突出其页面大胆个性的风格。另一种则重点是传递信息的网站, 其色彩运用极为单纯, 为了突出传递信息的作用, 色调多选择较为单一的搭配, 如唯品会, 以紫色作为主体色调, 目的是为了突出其产品的高品质, 营造轻松愉悦的购物环境, 而新闻类的网站则会选取较为严肃的色调, 如网易新闻, 选择了代表正直、忠诚的红色, 以突显其网站新闻的特色。因此色彩对突出网站内容主题的作用巨大, 对传递网站信息也起到了关键的作用。
2、导向性视觉流程突出重点
网页浏览者在读取网页信息是, 通常会遵循一定的视觉流程, 此流程是指受众读取信息时的一种自然习惯, 基本上读者的视线都是又网页的左上角相右下方移动, 在移动的过程中, 读者的注意力是随之减少的。网站在设计的时候, 需要考虑这一因素, 将重点内容有计划的编排进网页当中, 必要时可以借助一些图像、符号, 主动引导读者的视线顺着设计者的指引而去, 将网页中的各种元素串联起来, 以便形成一个整体的信息, 突出主题, 提高读者的阅读效率。这就是导向性视觉流程的作用。
3、网页布局的合理划分
当一个网页中包含的信息十分庞杂, 设计者需要进行合理的布局规划才能达到使网页内容布局合理, 错落有致。网页中的各个内容并不是孤立的, 其相互间是有着一定联系的, 在色彩搭配上需要进行科学的划分, 使之形成合理的布局与规划, 这种合理的规划会划分网页区域的主次, 他们之间的色彩配搭不是简单的组合关系, 而是有科学设计的, 这种规划使得网页内容主分明, 可读性强。例如一个网站的主色调选用一个颜色, 其附加的子网站则会选择另一种颜色进行区分, 这样不但方便了受众区分两个网站, 还增强了浏览的便利性。色彩也可以起到区分板块的作用, 例如一个综合性的新闻网站中通常会包含军事、娱乐、政治、健康等等内容的不同板块, 如果加以色彩上的区分, 则可以起到方便浏览者阅读的作用。
三、网页设计的色彩搭配原则
网页的色彩搭配原则需要考虑的技巧很多, 主要是需要服务于网页内容及网站风格, 网页的美感是影响点击率的重要方式, 如何进行合理的色彩搭配, 是下文将要重点讨论的问题。
1、同种色彩搭配
在设计网页时, 需要考虑到读者的兴趣, 单一的色调如果运用失当就会给读者单调乏味的感觉, 设计者可以通过改变同类颜色的色调、明度与纯度, 调和页面的色彩搭配, 在增强画面美感的同时, 呈现出更加吸引人的视觉效应。
2、邻近色搭配
在网页设计中, 邻近色的使用, 可以起到明确画面主色调的作用。通过调节色彩的明暗度, 起到为网站各个板块分清层次的视觉效果。当然, 在采用邻近色设计网页时, 也可以穿插其他颜色在版面之中, 可以起到丰富画面美感的作用。
3、对比色搭配
对比色的运用长长用于进行小面积的点缀, 通过对比, 使画面更加灵动活泼, 这类技巧的多应用于儿童类网站, 这种对比色的运用更符合儿童的审美, 使儿童在浏览是产生好奇、活泼的印象, 从而达到吸引浏览者的目的。
四、结语
综上所述, 色彩的运用是网页设计的重要环节, 设计者通过运用不同的色彩, 进行排列组合, 将色彩进行合理的搭配运用最终构成一个和谐的网页页面, 这样的设计可以更好的传达网站的内容, 使网页信息更好的被读者理解消化, 因此, 在网页设计中有效的运用色彩的搭配, 是可以提升网站对受众的吸引程度, 色彩如何更有效的应用于设计当中仍旧需要我们在实践中继续探索。
摘要:网页设计需要运用多种元素, 其中色彩是其中不可或缺的元素之一, 通过对色彩的运用, 可以使网页设计更加具有吸引力, 同时还可以起到传达信息以及引起受众共鸣的作用。
关键词:色彩,网页设计
参考文献
[1] 浅析网页色彩设计的原则与方法-岳俊杰-《改革与开放》-2010.
[2] 浅析网页界面设计中色彩人性化表现-谢瑶-《现代交际月刊》-2011.