网页设计吸引人的地方在哪里?是图片还是对内容的布局?或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用,但正是配色方案决定了设计是否出彩。有经验的专业人士会告诉你很多诀窍,比如说,一种配色方案可能适合一种设计,但未必适合于另一种;配色方案选择应该在布局内容之前还是之后?今天我们就要找到这些问题的答案,本文中,你也能找到很多免费资源供你选择配色方案。
请注意:这个话题内容很广,单这样一篇小文章是无法涵盖所有内容的。因此,我提供了相关资源的链接,以备你在学习本文时借鉴,这是个不错的选择。
对色彩组合的介绍
选择色彩组合方法有多种。让我们快速地浏览下它们。

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

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

现在问题来了,我们应该在设计之前还是之后选择配色方案呢?根据客户的需求,你会得到一些配色建议,最好的选择就让客户做决定。
如果客户选定了最基本的配色方案,你在设计时就不会感到困惑。这样,你的设计色彩迎合了客户的喜好,客户很可能会对你的工作满意。
因此,在设计布局之要前决定色彩方案,这种方法适合我。我认为你也该试试这一技巧。
结论
无论何时接到客户,你要根据客户业务的性质罗列一些适当的色彩。询问客户最喜欢的色彩,并依此他们的喜好来设计布局。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
5种UI设计中实用APP导航菜单设计方案
相关文章2142016-12-12
15款设计师必知的无代码网站搭建平台
相关文章1902016-07-11
交互设计中有哪些促进沟通顺畅的细节分享
相关文章2572016-07-07
7个网页重设计的常见误区与解决方案
相关文章2652016-05-25
大众点评智慧餐厅Logo设计全过程总结
相关文章5672016-05-22
渐变色方案全聚合网站和在线代码比较神器
相关文章2532015-12-28
2015年非常优秀的20款网站配色方案
相关文章8772015-08-06
有什么好的方案可以替代抽屉式导航?
相关文章2422015-05-08
