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

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

所以，在玩转配色自己之外，进阶的色彩运用技巧还有许多。

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

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

2、通过对比度吸引用户细致

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

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

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

3、使用色彩创造UX模式

高度同等的配色方案能够创造出视觉模式，而延长到用户体验上，则会让整个UX呈现出模式化的特性。模式化的设计让用户更容易适应，用户更容易摸索出规律，也更容易产生相匹配的预期，换句话说，UX模式能够培养用户风俗，同用户产生深刻的关联。就像用户风俗了某些特定的图标之后，在其他地方看到这些图标就知道它们的含义，晓畅该如何交互了。比如，小房子图标会让用户想到首页、主页，而垃圾桶则会关联上删除的概念。色彩相对而言更加主观，由于每个网站和APP都会采用本身的配色方案，不同的色彩代表不同的含义。

那我们就拿Underbelly 这个产品展示页作为示例吧。在Underbelly 这个网站中，所有可点击的组件都是蓝色的，你在试用网站几秒钟之后，能够快速掌握这个UX模式，并且晓畅如何操作。这就是Underbelly 通过色彩构建UX模式的方法。UX模式的上风在于，它让用户更快地熟识你的产品。越容易识别，用户的想法越少，产品的的使用也就更加顺畅了。