这5个色彩进阶技巧，能帮你创造更优质的网页用户体验

　　色彩几乎是所有设计体系中不可忽略的组成部分，而在网页设计中，色彩本身所发挥的作用并不单一，除了最基本的着色构成色彩搭配的作用之外，色彩能够通过对比创造视觉焦点，构建信息层次，影响用户情绪，甚至引导访客的行为。

　　所以，在玩转配色本身之外，进阶的色彩运用技巧还有很多。

　　1、通过比例变化创造视觉焦点

　　控制色彩的比例来创造视觉焦点是常见的色彩运用手法之一，控制色彩的比例实际主要是通过控制色彩所在元素的大小来达成效果的。比如Viporte 这个网站，当你上下滚动首页的时候，每个部分都用超大的字体进行了装饰，而每个字母都使用了漂亮的色彩进行填充。不同的文字使用了不同的色彩，并且搭配以相应的图片。每个页面的焦点肯定是最中心的图片和字母，而焦点的形成和色彩的比例与运用脱不开关系。控制色彩的占比，无论是多还是少，只要有明确的目的，总能形成吸引注意力的焦点。无论是我们常说的“万花丛中一点绿”，还是极简主义设计中大面积的留白，都是色彩比例控制下所构成视觉焦点的典型案例。

　　2、通过对比度吸引用户注意

　　在设计过程中，使用色彩来控制对比度也是设计师频繁使用的技巧之一。当设计的整体色调趋于柔和和平静的时候，突然注入强对比的色彩，能够瞬间抓住用户的注意力。

　　而Thinx 这个网站在设计的时候就将对比度控制得很好。网页主体的配色采用的是经典的黑白搭配，白色的背景搭配黑色的文本。而整体的设计感的来源则主要源于排版和彩色的图片。网站所采用的图片明显经过精心的选择和设计，红色的底色、黑色的内衣和模特外露的细腻肌肤色在图片激烈的碰撞，漂亮而充满诱惑，图片大胆的色调搭配和素色的背景与文字形成了鲜明而强烈的对比，无论是经典的红黑搭配，还是永恒的黑白配色，都足够漂亮和吸引人。

　　Thinx 这个案例我非常喜欢，并且经常会用到，因为它证明了设计师并不一定非得靠高饱和度的霓虹色来创造高对比度的配色。即使是两种平衡的颜色，也能让整个设计脱颖而出。

　　3、使用色彩创造UX模式