网页设计中色彩搭配的运用

本文格式为Word版，下载可任意编辑——网页设计中色彩搭配的运用网页设计中色调搭配的运用

颜色研究和规划是设计过程的重要片面，在开头设计之前，务必选择适当的颜色，以有效地执行品牌，价值传递和整体色调。那么我们如何在网页设计中使用颜色创造正确的情感呢?以下就是我用心推举网页设计中色调搭配的运用，梦想对大家有扶助

在人类历史上，大师级画家和其他艺术家操控色调的才能得到了全世界的认可。现如今，色调的这种艺术形式在商业中得到了广泛应用，一开头是在广告行业，现在是被用于网页设计。色调高深莫测，颜色使用的技能也得到不断提升。我们将探索色调理论和配色方案的根本原理，然后检查某些颜色的情感效果。

颜色理论

与颜色相关的主题浩如烟海，所以这里我们只谈与UI设计相关的片面。我们可以将颜色理论分为WebUI设计的三个片面：

比较度

每一种颜色的阴影都有一个相反的–比较度远远大于任何其他颜色的色调与之对应。你可以使用下面的色轮来找到每个特定颜色的对面。只需在圆圈的另一端找到颜色。

网页设计色调互补

颜色并非总是相互冲突，互补的颜色彼此强调，与比较色相反，它们交相辉映出最好的彼此。这些是在色轮上彼此相对的颜色，例如，紫色的补充是绿色的。

网页设计色调活力

每种颜色都会引起特定的心情：和暖的颜色红色，橙色，黄色倾向于鼓舞用户，使他们更加警觉，而较暗的色调绿色，蓝色，紫色往往更加轻松和恬静。CNN在其官网的顶部导航中使用红色banner来提高警觉性，颜色抉择适合该网站的突发新闻内容。

网页设计中的色调理论不仅仅是一个视觉装饰，它可以对你的业务产生变更嬉戏规矩的影响。

颜色的情感含义

不能否认情感和颜色之间的联系：事实上，人类已经记录了中世纪以来颜色的心理影响。自然，任何网页设计师都想利用这一点，由于正确的颜色能为你的网站创造正确的心情和气氛。

网页设计色调：红色

传递：气力，重要性，青春

作为最刺激的颜色，红色对于增加血液循环是如此有效，它代表着激情和气力，红色是能吸引最多留神的颜色，所以通常被用于警告和重要通知。红色分外适合NoWayNSA网站，其目的是唤醒对于来自NSA要挟的感知。

在单页网站的第一片面使用红色是更加聪明，由于它通过向下滚动来指点人们留神主要信息，同时生理诱导人们“走出危害区域”。当然，这只会让用户参与更多的内容。然而，这可能对你不利，由于红色可以煽动愤怒，或至少过度刺激。假设你想要一个更轻松的气氛，请谨用或至少在较浅的阴影或不用。

网页设计色调：橙色

传递：友好，能量，独一无二

作为最暖的暖色调，橙色是独一无二的。作为原色，它可以吸引和鼓舞，作为次要的颜色，它也以不醒目的方式留存这些属性。橙色也有助于创造运动和能量的感觉。除了作为品牌风格的一片面，橙色与芬达所要表达的光明和卡通画面网站很相衬。颜色显示创造力，同时保持熟谙度。

网页设计色调：黄色

传递：幸福，热心，复古深色调

黄色是更通用的颜色之一，取决于色调。亮堂的黄色是最有活力的颜色，没有红色的严重性。黄色的中间色调给人的舒适感，同时依旧感觉昂扬。深色调包括金色可以给人复古的`印象，并供给永恒，聪慧和奇怪心的空气。上图是网页设计公司FlashMedia的例子，黄色的深色散出了能量，奇怪心和权威。这对于一个公司来说很有意义，他们的接洽和技能很有价值。

网页设计色调：绿色

传递：增长，稳定，金融主题，环保主题

绿色缓和了暖色调和冷色调之间的差距，虽然往往是更酷的颜色。这意味着绿色有与蓝色一致的放松效果，但依旧留存一些黄色的鼓舞品质。因此，它创造了一个分外平衡和稳定的气氛。黑暗的阴影发出更多的丰饶的感觉，你可以在Ameritrade上看到绿色。

网页设计色调：蓝色

传递：宁静，安好，开放更浅的色调，稳当性更深色调

像黄色，蓝色的意义根据色调大不一致。全体的蓝色是普遍放松和安好，但较浅的阴影貌似更加友好，而较暗的貌似更沉闷。社交媒体网站，如Twitter和Facebook，采用更轻或中等的色调，而企业网站热爱更重更稳当的色调。

活动设计机构VanVlietTrap高明运用深蓝色，通过在背景中的花中使用蓝色，他们在视觉上提示他们在花艺设计的专业学识，同时也散发信任和稳当性。这是很有意义的，由于他们筹划高可见度和有点神经慌张事情，如婚礼。

网页设计色调：紫色

传递：奢华，浪漫浅色调，神秘深色调

在历史上与皇族相关联，紫色留存了豪华的语调，甚至到颓废的点。紫色表示一般的奢靡和资产，使它成为时尚和奢靡品甚至巧克力，像上面的Cadbury例子的流行选择。较淡的色调如薰衣草带粉红色的色调被认为是浪漫的，而较深的色调貌似更加豪华和神秘。

网页设计色调：黑色

传递：气力，柔顺，繁杂

作为最强的中性色，黑色存在于几乎每个网站。它可以取决于其支持颜色而具有不同的特性，或者假设过量使用那么占据全体这些特性。它在中性的气力使它成为长块的文本的选择的颜色，但作为一个根本的颜色可以给人的印象，柔滑，繁杂，甚至邪恶。

对于大多数网站，黑色能创造瞬间的繁杂性和永恒的感觉。当与白色字体合作使用时，优雅的感觉更加猛烈，并且设置了一个极简主义的布局，你可以在Bose的“DreamandReach”微网站中看到。

网页设计色调：白色

传递：清洁，美德，简朴

白色与西方文化中的美德相关联，是与纯净和无辜最相关的颜色。极简主义和简朴的网站最常使用它作为背景。跟其他颜色相比，白色是最不吸引留神力的，所以它最能强调页面上的其他颜色。这对于艺术家KaloianToshev的aards获胜网站尤其有效。白色背景吸引了对他弥漫活力的艺术品的留神，同时创造了一个艺术画廊优雅的光环。

网页设计色调：灰色

传递：中立，形式，惆怅

虽然在某些处境下，它可能看起来寻思或凄怆，但灰色在传统或专业领域是很流行的选择。然而，灰色的最大优点之一在于它的色调变化–纯熟运用，在白黑之间腾跃，阴影的变更，能表达出定制的美感。当与更亮堂的颜色合作并呈现在一个平面的用户界面，灰色背景的aards与它沉闷的风格相比，感觉更有现代感。

网页设计色调：米色

传递：周边颜色的特点

米色是颜色的通配符，由于它的主要用途是突出其他颜色。米色很钝，虽然可以用来象征谦卑。然而，它通常承受衬托它周边的颜色的特点，使其成为一个好玩的设计工具。由于这些理由，米色几乎总是次要或背景颜色。

深色的米色如Dishoom网站上将创造一种土质和几乎纸状的纹理，而较浅的色调感觉更崭新。在这种处境下，围绕品牌名称的较浅的阴影，向外变暗，扶助给餐厅创造一种取自大地精华的崭新食材的感觉。

网页设计色调：象牙色

传递：舒适，优雅，简约

在情感回响方面，象牙色和奶油是白色的微弱变化。象牙色比白色更和暖，在表达同样的简约和互补的同时，能给人一种安逸的感觉。象牙色理应被用来代替白色，以软化它和更暗的颜色之间的比较度。对于artinmycoffee网站，橙色/棕色被添加到奶油背景看起来有点微灰色，以创造一种和暖的感觉。

网页设计配色方案

每个网站都有一个配色方案，在它的主要区域使用主要颜色。正如我们一向在议论的，这些颜色的重复使用将影响用户的心态和心情，通常是潜意识，所以选择它们会很好。

虽然有好多不同的方式来把颜色混合在一起，我们将关注3个最告成，最常见的：

三元组