资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

利用色彩打造页面统一感的4种技巧

来源:沙漠风网站建设公司 | 2019.01.04

  色彩的对比可以给人一种强烈的视觉冲击力,这是一种美,但有时候更需要表现一种协调、统一、柔和的效果,此时就会运用色彩的调和,所谓色彩的调和,是指几种色彩之间构成的较为和的色彩关系,即画面中色彩的秩序关系和量比关系,两种或多种以上的色彩合理搭配,就会产生统一和谐的效果,在视觉上符合审美的心理需求,“和谐”一词源于希腊,其本意在美学中为联系、匀称,“美是和谱”,首先由古希脂思想家毕达哥拉斯提出,主要表现的方向是对立因素的统一,出于各种不同的美学观点,和谐在近、现代扩展了它的含义。至于色彩和谐也从单纯愉悦人的眼睛扩大到人的整个色彩本质和精神影响。就绘画色彩而论,当代画家冲破以往相对狭义的和谐,走向广义的反映人的全部色彩本质的色彩和谐。


  调和就是统一,下面主要介绍4种常用的达到页面色彩调和的技巧。


  1.同类色的调和


  相同色相、不同明度和纯度的色彩调和,使页面产生有秩序的渐进,在明度、纯度的变化上,弥补同种色相的单调感。通常,同类色称为最稳妥的色彩搭配方法,给人的感觉是相当协调的。它们通常在同一个色相里,通过明度的黑白灰成者纯度的不同来精微加以区别,产生了极其微妙的的律美。为了不至于让整个页面呈现过于单调平淡,有些员面则加入极其小的其他颜色做点缀。


利用色彩打造页面统一感的4种技巧.jpg


  2.近似色的调和


  在色环中,色相近越调和,主要靠近似色之间的共同色来产生作用。类似色相较于同类色色彩之间的可搭配度要大些,颜色丰富,富于变化。不是每种主色调都是极其显眼的位置,通常多扮演着用于突出主体的辅助性配角。而重要角色往往在页面中的分量极少,却又起到突出主体的作用。


利用色彩打造页面统一感的4种技巧.png


  3.对比色的调和


  对比色是指在24色相环上相距120度到180度之间的两种颜色,把对比色放在一起,会给人强烈的排斥感。若混合在一起,会调出混浊的颜色,如红与绿、蓝与橙、黄与紫互为对比色,如图所示,该网站使用了大面积的红色和小面积的绿色搭配,面积的对比起到了调和色彩的作用,此外使用了白色作为分割色,也起到了调和视觉的作用,因此处理对比色时一般采用以下方法。


   

利用色彩打造页面统一感的4种技巧 (2).png



  (1)提高或降低对比色的纯度和提高一方明度


  (2)在对比色之间插入分割色(金、银、黑、白、灰等)


  (3)采用双方面积大小不同的处理方法,即大面积冷色与小面积暖色。


  (4)对比色之间加入相近的类似色


  4.渐变色的调


  渐变色实际是一种调和方法的运用,是醋色按层次逐渐变化的现象。色彩渐变就像两种色间的混色,可以有规律地在多种色中进行,暗色和亮色之间的渐变会产生远近感和三维视觉效果。


  如在设计页面背景使用了渐变的效果,增加了视觉空间感。在导航栏、广告域、按钮、标题块等位置,都使用了渐变的技术手法来表达,产生三维的视觉效果,统一了个页面的设计语言,也是区别于其他网站页面的个性体现,让人印象深刻的目的。


利用色彩打造页面统一感的4种技巧 (3).png


  渐变色能够柔和视觉,增强空间感,体现节奏和韵律美感,统一整个页面。除了统一之外当然也可以起到变化页面视觉形式的作用。该设计语言可在需要的时候适当地使用。


  虽然入们知道人的眼睛在接受光色总刺激量时,只有中性灰不产生视觉残像,因此,可以认为中性灰对人的视觉机能是和谐的,它达到了视觉完全平衡的状态,但人的色彩知觉不喜欢那种大面积的纯灰色所造成的感觉—感情呆痴。人的色彩视觉正是在无限丰富的色彩对比和连续对比中,感觉到对不同色彩本质的刺激,并在多种刺激中使视觉变得活跃、生动、鲜明和充实。由此可见,色彩和谐的核心就是对立色彩的统一。

十六年 建站经验

多一份参考,总有益处

联系沙漠风,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-688-6062 / 大客户专线   深圳:15818561755   广州:13147009998