如何为品牌或网站定义和选择正确的颜色

颜色

上周,设计师向我询问“您如何定义和选择品牌的正确颜色?”
当我思考如何回答这个问题时,我的头脑徘徊在有多少设计师根据他们欣赏的其他品牌来选择他们的品牌颜色? 有多少设计师选择颜色但无法解释他们如何提出自己的调色板?
颜色是设计师工具包中的强大力量。 它唤起情感,吸引眼球,
传达意义。 为了说明这一点,购买产品的90%快速决策仅基于颜色。
因此,有效使用色彩对于设计很重要。 但是想出不同的颜色组合也很困难。 每种颜色都有其自身的含义,并且有无限多种组合。
本文是我选择调色板的过程。 使用它作为指导,开始定义为下一个品牌或网站选择正确的调色板的过程。

内容:

  • 了解和理解基本原理-颜色理论。
  • 创建与品牌价值一致的颜色列表。
  • 选择正确的调色板+我们最喜欢的网站。
  • 为您的品牌创建一种颜色语言。

如果这不能吸引您阅读我的文章,请浏览至最后找到我的颜色模板的链接!

了解和理解设计基础-颜色理论。

选择调色板时,了解一点颜色理论有时会很有帮助。 什么是色彩理论? 颜色理论是混合颜色的逻辑结构和实用指南。 它涵盖了从色轮到各个颜色背后的含义的所有内容。
阅读更多关于色彩理论
在这里和这里。

颜色含义

创建与品牌价值相符的颜色列表

品牌价值

选择正确的调色板-有趣的部分!

从网站,摄影和海报中找到色彩灵感,以获得正确的调色板。 我最喜欢的色彩灵感网站是Behance,Dribble,Muzli和Uplabs。 要选择合适的调色板,我最喜欢的网站是; coolors.com,picular.co(我的新收藏),materialui.com / colors,huesnap.com,color.adobe.com,flatuicolorpicker.com

coolors.co

为品牌创建色彩语言

选择我的颜色后,该创建一种颜色语言了,该颜色语言是品牌设计语言或样式指南的一部分。 用我的颜色语言,定义了我的原色,次要/重点色,渐变,印刷色和背景色。
原色是您最常用于重要按钮和装饰的颜色。 对于许多公司来说,这也是其徽标的颜色。 次要颜色是我用来区分次要操作和主要操作的颜色。

颜色语言-原色

提示:就我个人而言,选择调色板时回答以下问题很有用

  • 可以使用什么颜色?
  • 哪些颜色具有视觉冲击力并吸引您的眼球?
  • 我使用的是浅色还是深色方案? 人们会在一天的什么时间使用此产品?
  • 我希望您的设计传达什么心情? 我是否有一个比其他调色板做得更好的调色板?

向前迈出的一步-创建阴影

我喜欢通过定义我的主要,次要和印刷颜色的色调来迈出第一步。 为什么我听到你问? 使用颜色在设计中建立视觉层次时,阴影会派上用场。

颜色语言-阴影

我使用coolors.co来获得正确的颜色阴影,只需单击切换图标即可将颜色作为阴影。

获取色调

更新:如果您想对颜色的阴影或色调感到讨厌,请使用“ 色相” ,“ 饱和度亮度 (HSL)”方法。 一旦确定了色彩的色调,就可以使用亮度值获得不同的阴影。

一起为TL; DR人群服务!

  • 了解您的基础知识-学习和了解色彩理论。
  • 创建代表品牌价值的颜色列表。
  • 在线查找您的调色板的灵感-Behance,Dribble和Uplabs。
  • 免费网站供您选择和过滤正确的调色板-coolors.com,picular.co(我的最爱),materialui.com / colors,huesnap.com,color.adobe.com,flatuicolorpicker.com
  • 创建一种颜色语言; 原色,次要/重点色,版式色,背景色。
  • 通过为您的原色,第二色和印刷色定义颜色阴影,领先一步。 待会儿我会谢谢你的!

在此处下载我的颜色样式指南套件

本文最初在我们的网站 www.akiliplus.com 发布 AkiliPlus是一所在线学校,可帮助非洲的设计师教授和学习UX设计。