原文地址:WEB2.0 Design Style Guide
翻译整理:西米CC
色字当头——亮丽的颜色搭配
鲜艳、强烈的色彩能快速直接的触发视觉感受,利用它们来进行页面划分或强调重要元素是很有效的途径。在一个简洁、版块分明的站点设计中,不妨运用强烈鲜明的颜色来帮助我们进行版块的划分和区别,它们可以很容易的吸引访问者的注意力,并且引导他们关注我们想要强调的站点内容。当然这也很考验设计者的色彩驾驭能力,因为很多时候如果版面上的色彩多了,所谓的“丰富多彩”和“凌乱花哨”之间也只是一线之差。
The Treo Mobile site使用了三个鲜明的色块来辨识和强调站点的三大主要内容版块。灰配白的低调背景色让三团色块显得很清爽明了,使浏览者很容易的就能区分出内容的主次。同时三个版块中使用的大文本标题,让人能很迅速的了解它们各自的主题,由此我们也能快速的判断出是否对其中的内容感兴趣。
Colorschemer在其中性不张扬的底色上,用鲜明、活泼的色彩对网站的版面进行了恰到好处的划分。
Apple's design的网站往往利用大胆的色彩平衡、丰富的色彩效果来吸引访问者的注意力,依我来看,它是网站设计的完美代言。在示图中,虽然几种色彩运用得很节制,但配合以灰黑的主色调,“色彩提升重要性”的功能被展现的淋漓尽致。
色彩也是传达品牌价值的重要媒介
上图中的绿色虽然在色调上不是很鲜亮,但依然能给人很强烈的色彩感觉,很大程度上是因为其覆盖的面积。这个设计使用绿色来向我们阐述“质量”和“健康”两大理念。
这是一个户外运动服装的销售站点,其针对的消费群主要是女性用户,因此其页面设计中使用的柔和色彩就非常贴近于其品牌特性。
不可否认这个站点主内容的版面设计还算不错,但是整体的效果却被强烈且大面积的背景色连累了。最终导致的结果,就是用户的注意力被背景分散了。
The Aurum Newtech site的设计存在着与上面一样的弊端,好在它的背景色没有强烈到过于抢占主内容的风头,而且内容版块中元素的外观设计和布局也相当不错,让用户的眼光不至于太注意在那“诱人”的背景上。
如果你准备在网站中运用强烈的色彩,还必须要记住一点,就是色块之所以能吸引注意力,是因为页面中大部分的区域都不具备或者说避免了强烈色彩的运用,简单点说就是使用色彩时要保持节制。如果页面中的每个元素都很吸引眼球,那用户就很容易感到迷茫,而网站本身也会因为过于混沌而显得有些莫名其妙。