让配色更加顺畅的七条定律

与发现惊艳的色彩搭配相比，想创造一个和设计作品更为贴合的配色方案可能更难。分享了7个方法，从了解目标用户开始，步步深入，帮你找到好看还实用的配色方案。
配色对于设计师来说，不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。为了让大家知道配色对于传递信息有多重要，我引用《The Impact of Color on Marketing 》这篇文章中的一句话，经研究发现，百分之九十的用户购买商品的时候，都是因为他的配色才去购买的。
想让配色的使用更加有效果，这在设计中是非常重要的，也就是构想出一个全新的配色方案。每一种颜色都有着他独特的意思，将他们组合起来也就能传递出无限的可能。
这篇文章介绍的是如何让你的配色与你的设计更加搭配的方法。
选择配色方案的调色板

配色方案、有时就像雨后春笋办突然从脑子里接二连三的蹦出来，但更多的情况下，我们可以使用一些计划性的方法。

让配色更加顺畅的七条定律

01. 将你的目的表现出来

在此之前，让我们明确目的和设计理念。一个有着含义的调色板是良好的设计要素之一。

我们可以问自己以下几个问题。

你想通过设计传递什么样的信息？

设计的目的是什么？想传递什么情报？想引导用户什么？

他包含了怎样的感情和意识？

02. 明确你的目标用户
让配色更加顺畅的七条定律
颜色所面对的每一个人都是不同的。同一个颜色，因为每个人的个性、文化背景，经验的不同会产生不同的效果。考虑到这一点，我们就需要明白，当用户面对这样的设计时，会表现出怎样的反应。
一些颜色的含义，在世界的任何地方都是通用的，但有些则不是。绿色，一般是植物的颜色，看到他们就会联想到自然。但是红色就不一样了，他会因为文化的不同而不同。在西洋文化中红色代表的是：火（英: Fire）、暴力（英: Violence）、纷争（英: Warfare），有时也会表示爱（英: Love）或者热情（英: Passion）。但是在中国则表示的是繁荣（英: Prosperity）和幸福（英: Happiness）。
让配色更加顺畅的七条定律

由于颜色有着不同的含义，在创建一个调色板时了解你所面对的用户的感情是非常重要的。
如果你想了解更多关于颜色和国家的意义，你可以去看The Psychology of Color in Marketing and Branding 和 The Meaning of Color 这两篇文章。
03. 了解配色方案的基本要素
选择配色时，你需要了解一些关于配色的基本知识。配色的基本，就是配色组合的基本理论和构造，具有实践性的指南。他从如何使用色轮以及每一个的意义都总结的十分全面。

04. 试着去寻找灵感
有的时候视觉化的必要的配色方案很难设计出来。那种时候，可以从别的设计师的作品中获得灵感。
让配色更加顺畅的七条定律
当你想创建一些不同的配色方案，不妨试着转变一下思路，利用其他文化的设计。举个栗子、韩国的音乐MV、实用的多彩的调色板让人印象深刻。每一个场景，都可以给你的灵感提供参考。
让配色更加顺畅的七条定律
我们也可以从日常生活中获得灵感的启发。当你走出去，室外的任何一个景色都可以作为参考。
让配色更加顺畅的七条定律
当你看到了令人激动的配色时，就可以把他们做成配色版了。你可以利用Photoshop，或者一些在线工具，来调整我们所找到的配色方案。

05. 制作属于你的风格指南
设计系统你所需要知道的风格指南是，将所有的设计要素放在统一的设计框架之中。在这之中包含了包括按钮或字体等全部的设计要素。我们在设计时应该思考什么样的按钮或导航菜单才是应该被选用的。
在实践中如何使用风格指南，在这里有一些网页的案例可以参考。设计师一起来学习，精心挑选的50个知名品牌的风格指南这篇文章，详细介绍了知名平牌是如何利用风格指南，可以用来参考。
让配色更加顺畅的七条定律

因为它可以是一个简单的草图，所以在使用配色版之前，可以方便的帮助你做出你自己的风格指南。一目了然的知道利用什么样的设计要素，那么也就会明白该使用怎样的配色来进行制作了。
选择设计制作时用的调色板时，要有「KISS（略: Keep it Simple, stupid）（越简单越好）」这样的思路。首先，尽可能的减少颜色，我们需要考虑下面几点。
背景色（英: Background）
主色（英: Primary Color）
次要色（英: Secondary Color）
警告色（英: Error Color）
成功色（英: Success Color）
让配色更加顺畅的七条定律
次要色、一般利用他来区别动作行为的颜色。举个例子，在警告和成功所使用的颜色，通常使用绿色和红色，如同下面的例子，你可以利用他们来设计从而将当前状态信息传递给用户。
让配色更加顺畅的七条定律
06. 选择调色板
如果你已经想好了设计灵感，完成了风格指南并做了一些简单的草图，那么接下来你就可以选择调色板了。
一些基本的调色板，艺术家们通常将他们以相近的颜色排列在一起，这是一个非常不错的方法。
让配色更加顺畅的七条定律
我们可以从这些配色方案中可以获得一些灵感作为参考。就让我们一起来看看如何从尝试出的许许多多的配色方案中取得最合适的方案吧。
正如前面所说，当你在挑选配色方案的时候，为了明确目，传递出怎样的信息情感给用户，你可以尝试着问自己以下几个问题。
这个配色用起来很简单吗？
用什么颜色影响力大，最能引人注目。
使用的这个颜色有必要让他更亮/更暗一点吗？用户在什么时候使用商品或者设计？
你想通过设计传递什么样的信息？
可以这么说，因为风格指南，颜色在设计中所担任的工作不同，各种各样的颜色的重量也是不同的。举个例子、强调色比背景色所使用的次数就要多一些。
让配色更加顺畅的七条定律
对于这一点你可以做一些练习，在实际页面中你可以将颜色依重要程度的不同来放进大小不同的形状中。下面是 Invision 的调色板。
让配色更加顺畅的七条定律
考虑到强调色等颜色、配色以图形的模式在下面表现出来了。
让配色更加顺畅的七条定律
07. 应用调色板
什么样的颜色适用于风格指南呢？让我们来看看这个比较容易理解的 Airbnb（一个旅馆预定网站） 的例子。Airbnb的强调色，是可以显示公司住所地址的红色（英: Rausch）。绿松石色（英: Kazan）是辅助色、背景色则使用了两种灰色（英: Foggy / HOF）。
让配色更加顺畅的七条定律
Airbnb的很多页面，背景色使用的是比较明亮的灰色（英: Foggy）。比如下面的例子、预约房间是非常重要的动作，就使用了作为主色的红色（英: Rausch）。
让配色更加顺畅的七条定律
绿松石色（英: Kazan），使用它能更好的引人注意。在下面的这个例子中，你可以看到他作为辅助色很好的帮助了原色。
让配色更加顺畅的七条定律
Airbnb 的错误信息提示，大概将红色（Rausch）进行了一些调整，利用了比较亮的红色。在图中所使用的感叹号（! 英: Exclamation Mark）和红色相组合，立即跃入了用户的眼中，将当前系统的状态传递给了用户。
让配色更加顺畅的七条定律
让我们试着使用最初的颜色来做设计吧。试着将他们放在布局和设计的焦点之中。在这些都完成之后，将调色板应用于设计吧。
让配色更加顺畅的七条定律
考虑一下关于视觉的层次感（英: Visual Hierachy）。考虑什么样的要素，什么样的颜色与设计才是最匹配的。还有，鼠标在要素上悬停和点击时的动作的响应，你可以考虑利用不同的颜色。
最后美丽的配色，需要不断的重复，反复的去尝试。至于什么颜色最好，也是没有唯一的答案的。决定了布局和设计的功能之后，多多的去尝试各种各样的配色吧。

不断的学习如何使用颜色来进行设计，是非常重要的。在设计开始之前，不管什么样的颜色组合都能通过视觉化的效果表现出来，就可以选择更好的颜色眼进行设计了。

本文来自创新互联品牌网站建设网站设计制作公司-创新互联
标签：创新互联,重庆网站建设,成都网页设计,成都网站设计

网站名称：让配色更加顺畅的七条定律
标题网址：https://www.cdcxhl.com/news43/160193.html

成都网站建设公司_创新互联，为您提供网站改版、网站维护、App设计、网页设计公司、云服务器、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联