色彩与注意力集中
色彩能使用户注意力集中并哄着用户专注地使用网站。伴随着日常生活中每分钟的各种噪音和干扰,希望用户专注地使用你设计的网站简直是一种非分之想。你应该用色彩把他们拉回到你的设计和内容中去。你可以使用色彩将他们的注意力吸引到你的网站最重要的部分。使用很少的色彩,UI Tuneu 快速地解释了它的服务,并指示你在哪里可以开始使用它的服务。
![]() |
|
橘黄色和蓝色是近似的互补色。 用绿色的标签脱颖而出,吸引注意力。 |
![]() |
| 亮绿色的标签在相对柔和的暗色衬托下格外显眼。 |
![]() |
|
通过使用亮度较高的互补色,UI Tuneup 使用户很容易 获悉网站的功能,以及如何开始使用这些功能。 |
即使你的网站使用了很多颜色,你也可以把用户的注意力吸引到某个元素上去,你可以通过给这个元素一个与众不同的颜色做到这一点。OtherInbox 使用绿色突出网站的焦点——“Test drive”按钮。
可能发生的最糟糕的事情是新用户无法理解网站的导航,在感到迷惑后离开。色彩可以帮助他们从正确的地方开始,通过对比两个网站你就会发现这一点,它们基本使用了相同的互补色配色方案和相似的设计,但是却产生了完全不同的效果。
Sonze 使用了淡蓝色和深红色的按钮。但是由于使用的蓝色太淡了,如果用户发现按钮上有字的话,则需要很费力才能看清它写了些什么。同样,可以点击的项目使用了不太连贯的色彩,所以即使你发现了刚才说到的按钮,也不一定会找到其他可以点击的东西。
AutoFInanciering.nl 正好相反,它几乎通过深红色,突出了每一个可以点击的项目。因为背景较淡,用户很容易发现这些按钮。
广州网站建设,网站建设,广州网页设计,广州网站设计
![]() |
| 这两个网站使用了相似的配色方案,但是去产生了相当不同的效果。 |
![]() |
|
与AutoFInanciering.nl 相比,Sonze 的按钮很难被发现, 同时它可以点击的元素使用了不太连贯的色彩。 |
![]() |
|
AutoFInanciering.nl 使用了连贯的色调,在不同元素间使用了 不同的饱和度和亮度,这使用户可以很容易地使用网站。 |
对于一个包含大量内容的网站,内容的颜色持续变化的地方,使用中性的或着重突出的背景色有时是最好的选择。这样内容会在屏幕上凸现出来,不会和背景混为一体。很多摄影师在他们的作品展示网站中使用这种技术来突出图片。Hulu,一个流行的视频网站,采用了突出配色方案,我们自己的网站COLOURlovers,用来创建并分享调色板的网站,也是用了这种配色方案。
广州网站建设,网站建设,广州网页设计,广州网站设计
![]() |
|
Hulu 用绿色突出网站的Logo,并使用 了很少的颜色,以防止它们和内容冲突。 |
![]() |
| 在COLOURlovers 中,我们使用红色突出网站最重要的部分——社区部分。 |











