以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.jobbole.com/en......ntry.php/1239

为网页设计创建有效的配色方案

作者:史莉萍  |   发布: (网友)GG   |   时间:2011-08-13 12:04:58 文字大小:- +

网页设计吸引人的地方在哪里?是图片还是对内容的布局?或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用,但正是配色方案决定了设计是否出彩。

有经验的专业人士会告诉你很多诀窍,比如说,一种配色方案可能适合一种设计,但未必适合于另一种;配色方案选择应该在布局内容之前还是之后?今天我们就要找到这些问题的答案,本文中,你也能找到很多免费资源供你选择配色方案。

请注意:这个话题内容很广,单这样一篇小文章是无法涵盖所有内容的。因此,我提供了相关资源的链接,以备你在学习本文时借鉴,这是个不错的选择。

对色彩组合的介绍

选择色彩组合方法有多种。让我们快速地浏览下它们。


  • 单色(法):这是我最喜欢的方法,它有一个单独的颜色打底,我们只需要调整其色度并着手设计即可。单一色彩看起来典雅漂亮,且容易将纯色融合在内。但是要通过单一色彩组合来创建吸引眼球的设计却不是一件容易事。
  • 色彩补充法:一个冷色系和一暖色系的色彩相搭。例如,你的标题是暗黑色的,但内容可以是白色的。这也是网站设计使用最多的方法。
  • 三色组合法:顾名思义,该方法使用色轮中等色度距离的三种色彩搭配。(色轮如上图所示)
  • 四色组合法:与三色组合相同,四色组合法使用了四种色彩搭配。(上图显示为四色组合法的搭配图)
  • 模拟法:模拟法是我第二喜欢的设计风格。这种方法借用了色轮中的邻近的三个色彩,比如说,紫色、红色和橙色。


这些是最基本的配色方案方法。设计师也能设计其它的配色法,如果你有一定经验的话,也可以设计自己的方法。对设计师而言,熟能生巧。

颜色及其适用性



正如你知道的,每种颜色都带有一种情感色彩,你可以通过上面紫色的图例来体会。与柔美主题相关的网站通常使用红色,因为红色代表激情。如果你想了解更多色彩及其适用性,可以参看这个信息图《网页设计师的色彩心理学》, 以了解相关信息。由于模板布局也带有一定色彩,这就解释了为何一种颜色只适用于一个设计模板,而不适应与另外的模板。当你改变配色方案时,它就与模板的整 体感觉不搭。举个例子,如果你设计了一个页面,该页面鲜明的图像边界点鲜明就象征着力量,这种页面适用于健身房一类的网站;如果你把配色方案设计为粉色和 紫色,那这个模板就泡汤了。

布局和配色方案



现在问题来了,我们应该在设计之前还是之后选择配色方案呢?根据客户的需求,你会得到一些配色建议,最好的选择就让客户做决定。

如果客户选定了最基本的配色方案,你在设计时就不会感到困惑。这样,你的设计色彩迎合了客户的喜好,客户很可能会对你的工作满意。

因此,在设计布局之要前决定色彩方案,这种方法适合我。我认为你也该试试这一技巧。

结论

无论何时接到客户,你要根据客户业务的性质罗列一些适当的色彩。询问客户最喜欢的色彩,并依此他们的喜好来设计布局。另外,可以使用配色方案工具设计色彩组合,请参阅《20个对设计师非常有用的在线配色工具》一文。

更多
打印  |  类别:视觉设计  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买