为网页设计创建有效的配色方案
作者：史莉萍 来源：伯乐在线 发布时间：2011-08-31 12:55:57
本文由伯乐在线 - 敏捷翻译的史莉萍翻译自《Creating an Effective Color-Scheme for Web Designs》一文。
网页设计吸引人的地方在哪里？是图片还是对内容的布局？或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用，但正是配色方案决定了设计是否出彩。
有经验的专业人士会告诉你很多诀窍，比如说，一种配色方案可能适合一种设计，但未必适合于另一种；配色方案选择应该在布局内容之前还是之后？今天我们就要找到这些问题的答案，本文中，你也能找到很多免费资源供你选择配色方案。
请注意：这个话题内容很广，单这样一篇小文章是无法涵盖所有内容的。因此，我提供了相关资源的链接，以备你在学习本文时借鉴，这是个不错的选择。
对色彩组合的介绍
选择色彩组合方法有多种。让我们快速地浏览下它们。
单色（法）：这是我最喜欢的方法，它有一个单独的颜色打底，我们只需要调整其色度并着手设计即可。单一色彩看起来典雅漂亮，且容易将纯色融合在内。但是要通过单一色彩组合来创建吸引眼球的设计却不是一件容易事。
色彩补充法：一个冷色系和一暖色系的色彩相搭。例如，你的标题是暗黑色的，但内容可以是白色的。这也是网站设计使用最多的方法。
三色组合法：顾名思义，该方法使用色轮中等色度距离的三种色彩搭配。（色轮如上图所示）
四色组合法：与三色组合相同，四色组合法使用了四种色彩搭配。（上图显示为四色组合法的搭配图）
模拟法：模拟法是我第二喜欢的设计风格。这种方法借用了色轮中的邻近的三个色彩，比如说，紫色、红色和橙色。
这些是最基本的配色方案方法。设计师也能设计其它的配色法，如果你有一定经验的话，也可以设计自己的方法。对设计师而言，熟能生巧。
颜色及其适用性
正如你知道的，每种颜色都带有一种情感色彩，你可以通过上面紫色的图例来体会。与柔美主题相关的网站通常使用红色，因为红色代表激情。如果你想了解更多色彩及其适用性，可以参看这个信息图《网页设计师的色彩心理学》，以了解相关信息。由于模板布局也带有一定色彩，这就解释了为何一种颜色只适用于一个设计模板，而不适应与另外的模板。当你改变配色方案时，它就与模板的整体感觉不搭。举个例子，如果你设计了一个页面，该页面鲜明的图像边界点鲜明就象征着力量，这种页面适用于健身房一类的网站；如果你把配色方案设计为粉色和紫色，那这个模板就泡汤了。
布局和配色方案
现在问题来了，我们应该在设计之前还是之后选择配色方案呢？根据客户的需求，你会得到一些配色建议，最好的选择就让客户做决定。
如果客户选定了最基本的配色方案，你在设计时就不会感到困惑。这样，你的设计色彩迎合了客户的喜好，客户很可能会对你的工作满意。
因此，在设计布局之要前决定色彩方案，这种方法适合我。我认为你也该试试这一技巧。
结论
无论何时接到客户，你要根据客户业务的性质罗列一些适当的色彩。询问客户最喜欢的色彩，并依此他们的喜好来设计布局。另外，可以使用配色方案工具设计色彩组合，请参阅《20个对设计师非常有用的在线配色工具》一文。
0
投稿猜你喜欢
CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器- 导语：近年来，全世界都纷纷投身网络热潮。从小企业到大公司，再到网络学校和大学，大家都在努力提升自己的网络影响力，这样既免费为自身品牌做广告，
- 1、为什么淘宝的手机频道页面，竟然会有笔记本、数码相机、随身听，甚至是游戏之类的栏目，而且还有一个“数码·生活”栏目是包括以上这些设备的综合
- global 属性返回 Boolean 值，指出正则表达式使用的global 标志 (g) 的状态。默认值为 false。只读。rgExp.
- <％If(Request.QueryString("Page")="") ThenPage=1
- 这是一个给新手学习代码的帖子，包含以下内容：如何使用UBB代码，如何用js与剪贴板交互，如何使用textRange对象，如何使用自定义的快捷
- SQL*DBA命令的安全性： 如果您没有SQL*PLUS应用程序，您也可以使用SQL*DBA作SQL查权限相关的命令只能分配给Oracle软
- 维护是什么，维护就是修改，不断的修改，但是要保证你的html和css有清晰的版本界定，有扩展性，不要因为做的太死而重新去做这个页面。一个赚钱
- SSI是英文Server Side Includes的缩写，翻译成中文就是服务器端包含的意思。从技术角度上说，SSI就是在HTML文件中，可
- 首先来看，ASP读取ACCESS数据库。代码如下:<％ @language="VBScript"&nbs
- 前言: 这篇文章主要介绍RMAN的常用方法，其中包含了作者一些自己的经验，里面的实验也基本全在WIN 2K和ORACLE 8.1.6环境下测
- Software as a service 软件即服务，21世纪开始兴起的一种完全创新的软件应用模式。客户通过互联网向厂商定购所需的应用软件
- 通常来说，在MyISAM里读写操作是串行的，但当对同一个表进行查询和插入操作时，为了降低锁竞争的频率，根据concurrent_insert
- 输入框Input 应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。 ——《HTML权威指南》Web 应用程序总是利用表单
- 前两天研究了一下textarea的直观行的换行规律，挺复杂啊：直观行怎样取不光要看cols大小，还要看网页编码方式。cols="3
- 假设mysql安装在c:盘，mysql数据库的用户名是root，密码是123456，数据库名是database_name，在d:盘根目录下面
- 用DIV+CSS可以作出很多不同形状的角形；以下我只写了几个；CSS没有优化；是为了让大家看得更清一些；以下是一些小三角的形状：这是第一个小
- LBound函数：返回指定数组维的最小可用下标；UBound函数：返回指定数组维的最小可用上标；LBound(arrayname, [,di
- 当你在浏览网页时，看到一个很漂亮的特效，你查看源代码时看到的是一队乱码，那多扫兴呀！根据本人的研究，总结出了三种解密方法，与大家分享！！方法
- //设置已存在表中字段为auto_incrementALTER TABLE tablename change id id int(2) no
