色彩搭配教程!如何打造完美的品牌色彩组合

分享到:更多 ()

一个最具挑战性的设计过程和棘手的部分可以选择一个调色板那代表你的品牌或信息,同时创造一个惊人的基础设计。

创造完美的色彩组合,不仅仅是挑选两种颜色和它的运行。实际上,相当多的科学设计色彩理论在它后面。今天,我们来看看九种方式来帮助你创造一个更完美的调色板。(当然,技巧来展示网站的漂亮的颜色组合。)

从色轮

你还记得在学校的颜色作为一个孩子吗?它仍然是一个实用的工具,作为一个成年人。

色盘可以帮助你思考颜色和不同颜色之间的相互关系。这是一个实用的方法来确定是否一对(或更多)的颜色将在一个和谐的方式与另一个。

其中车轮包括初级、二级和三级颜色和每一个组合。

  • 原色红色,黄色,蓝色:
  • 第二颜色绿色,紫色,橙色:(混合两原色)
  • 第三颜色:天青,紫罗兰,玫瑰,橙红色,黄绿色,春天的绿色(混合一个主要和次要的颜色)

你的调色盘上是重要的,有助于色彩如何一起工作。

  • 类似的:选择三种颜色在色轮上彼此相邻
  • 互补:从颜色轮两侧的颜色
  • 分裂互补:选择一种颜色,使用的颜色在色轮的颜色两边
  • 双互补:最难创造,这一概念使用主色和补充从色轮颜色两侧(最好用色彩和音调)
  • 单色:一种颜色与颜色的变化(如俏皮的,以上)
  • 三颜色:三色环上间隔相等的

大多数颜色采摘工具使用一个模拟的一种颜色来帮助你做出的颜色选择。(所以没有在这部分的设计理论。)

黑色,白色和中性物质

但一个调色板的不仅仅是一个明亮的颜色或两。值得商榷,在调色板中的颜色可能是最重要的人你真的看不见–黑色,白色和中性色。

这些颜色设置如何一切工作。他们往往是背景的一部分,为项目提供一个温暖或凉爽的感觉,有助于整体的导航和可用性,虽然字体和其他方向的线索。

调色和着色

一些设计师要从颜色轮抓几个颜色,只是用他们的直。这就是色彩,色调和阴影来。

  • 明调:颜色更白
  • 阴影:颜色加黑
  • :颜色加上灰色的,或黑色和白色

这些变化改变颜色的饱和度和给你在调色板的方差。当谈到创造的色彩组合,色彩,色调和色调往往用于扩大调色板超过两个或三个颜色,所以,所有的颜色都在同一个家庭(多以同样的方式,你可以使用粗体或斜体印刷)。

谨慎使用趋势

有这么多的“时髦”的颜色有。虽然他们可以很有趣,有节制地使用,这些颜色可以很难长期使用。如果你想使用一个颜色的趋势,坚持一个时髦的选择,它在你的调色板。

在一般情况下,你想创建一个调色板,经得起时间和可反复使用。(颜色是品牌认同。重要贡献者)与一对夫妇的颜色,“你的”并添加一个时髦的选择,作为最大的影响一个口音。(这样,当趋势结束,你可以返回到另一种颜色。)

避免彩虹

颜色最好与使用目的和适度。你不需要在你的调色板五、10或15种颜色。最好的颜色组合往往只是集团的两种或三种颜色与中性背景。

为什么?这给每个颜色的房间可以看到,有一个目的。颜色应在设计做什么。太多的颜色,唯一的目的是色彩。最好的设计和颜色组合的存在,每一种颜色都有特定的角色,用户可以参与的一种方式,使网站更容易使用的颜色。(例如,大多数设计师使用在一个网站项目,每个按钮的颜色一样)

包括文本元素的颜色

当你构建的色彩组合,它是思考文本元素的重要。除非文本将只有黑色,白色或灰色,确定什么颜色(或颜色)用于将文本元素。

这可以包括从彩色的东西可读性可用性链接菜单项。最重要的规划文本颜色选择时的可读性。文字需要有对比关系的背景,所以可以读轻松很多。

用于文本元素的颜色可以是整体的配色方案或口音的颜色是特定的文字部分。

考虑颜色因为它涉及的内容

这个最好的颜色组合不要只匹配色调色调,而且颜色匹配的内容。想想其实在网站。你的颜色选择与内容融为一体?

有时这是一个明显的问题和解决方案。网站应对自然或环境可能使用绿色或棕色;银行网站经常是蓝色的因为颜色与信任。

有时候,真的不容易。当你在怀疑,看看在网站设计中的意象。把样本从它帮助建立的颜色是最合适的类型的基准。然后从那里。

坚持一个调色板

一旦你在创造一个伟大的颜色组合的方式,建立一个调色板,色彩的运用将整个项目保持一致。

如何使用颜色建立一套规则?

回答这些问题开始:

  • 你有多少种颜色呢?
  • 有tints,色调和色调的使用?
  • 可文本的颜色?
  • 有UI元素设置的色彩?
  • 口音的颜色在调色板可以被添加到混合?

结论

说到色彩,很多是什么让一个伟大的调色板,从你开始。做颜色的外观和感觉,对吗?它可能看起来像一个简单的测试,但它重要。如果你有一点点不确定,重新思考你的选择或回到理论的根和改变一种颜色。

记得在调色板创建对比度和方差。建立一个感觉。记得颜色匹配的内容最全面的用户体验。

 

来源:designmodo

译者:最美ui-jack

 

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 色彩搭配教程!如何打造完美的品牌色彩组合

1
分享到:更多 ()