此外,另有一类三色组合,是以其中两种色彩彼此距离60°,第三种色位于它们相对180°位置上。利用前两种色彩共同的力量而和另一个色彩形成相互制衡的关系,同样能催生出另一种和谐。
三色对比有两种情况,一种是在色环上选取彼此间隔120°的色彩,另一种是有某个色彩与其他两个色彩保持180°相对的关系:
当然,在网页设计中,挑选三种色彩运用到页面中,要主要对配图本身色彩加以控制,否则容易让页面显得凌乱。尤其是轻质风格的设计中,色彩尽量予以控制在三种以内,如果要选择这类配色法,应该尽量选择明度较高、饱和度较低的色彩,冲淡色彩彼此的强烈冲击。最好的办法仍然是以某一个色彩作为主色,其他两种色彩起强调、对比的作用。
网页设计选用蓝色、紫红和粉红的三色搭配,运用了三色对比,看上去色彩协调、活泼。网页所采用的插画配图也遵循总的配色规律,保持了页面配色风格的统一性:
没有运用配图的时候,整个页面回归到极简的状态,这时运用纯色对比,就是运用色彩本身的魅力来感染用户。可以说,这样的配色方式比较安全,让审美变得更加纯粹。
页面被三种色彩均等分布,呈现出非常严格的平衡感:
就像我们曾经说过,对单个页面来说,网页设计会有个全局的概念。有时候,网页中一个页面,或者一屏就可以被看作一件平面作品。所谓"三色"可以是从整个网页出发,也可以是从一个屏幕上来看。即使我们发现有的网页运用了不止三种颜色,但在一个屏幕中所出现色彩仍然控制在了三色对比的状态。网页的动态效果更是为配色的多变性增加了更多的灵动空间。
为了体现出婴儿系列产品品牌的活泼童趣,运用多种色彩可以表现出五彩缤纷,而选用粉嫩的色调则强调了初生婴儿的柔和感。页面选用了蓝色、紫色、绿色等色彩作三色调和,往下拖动时,粉红色的出现让页面转向了更加温柔的氛围,却又与原有色彩无冲突:
一屏一色
我们从一个屏幕的视觉出发,而非从全局来看,一个屏幕运用一个单色进行搭配,是行之有效的极简风格配色法。它很好的解决了色彩单一的问题,与此同时,整个网页依然保有丰富多彩的色彩印象。这类配色技巧在许多展示类的网页中常见。
每一个页面只运用一种主色,虽然整个页面由多色组成,但色彩与色彩之间呈现出了丰富的动态的和谐关系:
每一屏运用不同的背景色,配图以及网页元素的色彩,比如橙色的按钮和配图与背景色相协调:
网页中的页面切换也非常灵活,可以通过鼠标滚动实现,还能通过切换按钮切换主题画面,也能达到一屏一色的目的。
EXTET.R的首页设计非常巧妙地安排了一个类似时钟一样的圆形滚动播放主屏画面,画面采用不同的背景色和不同的展示主题。造型别致新颖:
大多时候,多色配色时所选用的配图应该尽量保持不惊扰原有配色的氛围,或根据配图来决定网页的配色方案。
颜色与颜色搭配绝不是简单相加,而是运用色彩的特性,作出更加丰富的加减乘除,其结果不是得到另一个单一的色彩感受,而是综合其上的视觉效果和情感体验。与其说色彩像幻术一样无法抓取,不如说对于配色,忘掉条条框框的理性分析,或许能得到更多。
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/
飞特游客
China明
委托设计