色彩几乎是所有设计体系中不可忽略的组成部分,而在企业网站设计中,色彩本身所发挥的作用并不单一,除了最基本的着色构成色彩搭配的作用之外,色彩能够通过对比创造视觉焦点,构建信息层次,影响用户情绪,甚至引导访客的行为。
所以,在玩转配色本身之外,进阶的色彩运用技巧还有很多。
一、通过比例变化创造视觉焦点
控制色彩的比例来创造视觉焦点是常见的色彩运用手法之一,控制色彩的比例实际主要是通过控制色彩所在元素的大小来达成效果的,不同的文字使用了不同的色彩,并且搭配以相应的图片。
每个页面的焦点肯定是最中心的图片和字母,而焦点的形成和色彩的比例与运用脱不开关系,控制色彩的占比,无论是多还是少,只要有明确的目的,总能形成吸引注意力的焦点,无论是我们常说的“万花丛中一点绿”,还是极简主义设计中大面积的留白,都是色彩比例控制下所构成视觉焦点的典型案例。
二、通过对比度吸引用户注意
在设计过程中,使用色彩来控制对比度也是设计师频繁使用的技巧之一,当设计的整体色调趋于柔和和平静的时候,突然注入强对比的色彩,能够瞬间抓住用户的注意力,网页主体的配色采用的是经典的黑白搭配,白色的背景搭配黑色的文本。
而整体的设计感的来源则主要源于排版和彩色的图片,网站所采用的图片明显经过精心的选择和设计,红色的底色、黑色的内衣和模特外露的细腻肌肤色在图片激烈的碰撞,漂亮而充满诱惑,图片大胆的色调搭配和素色的背景与文字形成了鲜明而强烈的对比,无论是经典的红黑搭配,还是永恒的黑白配色,都足够漂亮和吸引人。
三、使用色彩创造UX模式
高度一致的配色方案能够创造出视觉模式,而延伸到用户体验上,则会让整个UX呈现出模式化的特征,模式化的设计让用户更容易适应,用户更容易摸索出规律,也更容易产生相匹配的预期,换句话说,UX模式能够培养用户习惯,同用户产生深刻的关联。
就像用户习惯了某些特定的图标之后,在其他地方看到这些图标就知道它们的含义,明白该如何交互了,比如,小房子图标会让用户想到首页、主页,而垃圾桶则会关联上删除的概念,色彩相对而言更加主观,因为每个网站和APP都会采用自己的配色方案,不同的色彩代表不同的含义。
四、使用色彩来创建层次
当我们浏览网页和各种界面的时候,信息的层次感很大程度是借助视觉来营造的,使用色彩来创造视觉层次感就很顺其自然了。
五、充分利用色彩的相似性
除开其他的目的,设计师使用色彩或者调整色彩的目的,基本都是为了创造设计的一致性,此外,在着陆页当中,将对比度明显的白色置于粉色+紫色的背景之上,确保信息的清晰呈现,如果色彩每次都不一样,那么整个设计看起来就不是那么令人难忘了。