选择颜色的最佳组合 交互设计 布局并不像它看起来的那样,是一个猜谜游戏. 知道使用哪些工具可以节省时间(和头痛). 做好它还能让你的用户保持皇冠老牌网站.
自从早期的艺术和设计,使用 color 遵循了许多规则和指导方针,这些规则和指导方针统称为 色彩理论.
配色方案是在视觉和心理层面上传达设计背后信息的首要元素之一. 事实上, the color scheme is one of the most important elements; this is because, 正确使用时, 颜色可以反映小众甚至整体业务 市场营销 策略.
在本文中, 皇冠官网登录将简要回顾不同的颜色分类,以刷新你对它们的记忆 平面设计 你在大学里上的课. 皇冠官网登录相信这些内容既能让你耳熟胆识,又能激励你 创造力.
色轮
颜色之间的关系可以通过色轮来显示.
色轮显示了以红色为基础的不同颜色之间的皇冠老牌网站, 黄色的, 而蓝色则是每种颜色的含量. 它最早是由艾萨克·牛顿爵士在1666年发明的.
作者/版权所有人:Maximkaaa. 版权条款和许可:公共领域
色轮最有用和最常用的变体如上图所示, 包括红色, 红橙色, 橙色, 橙黄色的, 黄色的, 黄绿色, 绿色, 蓝绿色, 蓝色的, 蓝紫色, 紫色的, 紫色和红色的组合. (石头,2008).
Bleicher(2011)指出,根据用于创建最终颜色的基本颜色的组合,色轮可以分为三种主要类型的颜色, 如下:
原色 -黄色,红色和蓝色. 这些都是基本色,不能分解成任何更简单的颜色.
次要颜色- 这是由两种原色混合而成的. 次要颜色是橙色、绿色和紫色. Mixing 黄色的 and red creates 橙色; mixing 蓝色的 and 黄色的 creates 绿色, 蓝色和红色混合会产生紫色.
中间色或三色 都是由原色和副色混合而成的, 比如黄橙色, 红橙色, 紫红, 蓝紫色, 蓝绿色, 和黄绿色. 在一个比上面显示的更大的色轮上, 中间产物的混合, 二次, 而原色会产生第四色.
透彻地了解色轮和颜色之间的关系,可以让设计师更好地理解颜色,知道如何为自己的设计选择颜色. 皇冠官网登录很快就会讲到这一点.
实现色彩和谐
颜色的选择应该增强效果 审美 吸引力和更好的 用户体验. 这意味着在开始时考虑你将使用什么配色方案是个好主意 设计过程. 颜色的组合方式可以增加或减少它的外观和感觉.
作者/版权所有人:未知. 版权条款和许可:未知
根据Bleicher (2011), 有五种主要的配色方案(以及这些方案的一些组合和变体),可以让设计师在他们的设计中实现和谐:
单色搭配
单色方案是基于不同色调创建的颜色(通过在原始颜色上添加黑色或白色来创建), 音调, 一种色调的阴影. 理论上,它是所有方案中最简单的. 单色方案通常用于最小设计,因为一个色调应该导致较少分散的布局.
另一方面, 此方案意味着您不能使用多种颜色来帮助可视化中的信息 用户界面 (UI). 这是唯一的价格 简单.
类似配色方案
类似的方案是基于色轮上相邻的三种颜色(e.g.,红色,红橙色和红紫色). 这种设计在自然界中很容易找到——只要想想秋天树叶变色的树木就知道了.
这种方案还有一种变体,即“高级”类似的配色方案. 这是通过将类似的阴影与白色混合来实现的. 这个版本在印象派艺术中很常见,尤其是早期印象派艺术. 当从远处看时,所达到的效果是颜色似乎互相“闪烁”和“模糊”, 它会造成只有一种颜色在使用的错觉.
补充方案
互补配色方案使用一对(或多对)颜色, 结合时, 相互抵消. 例如, 当你把这两种颜色结合起来, 它们产生白色或黑色(或非常相似的灰度). 因此,这种方案也被称为“反色”方案.
当你把两种互补色放在一起时,它们会显示出最大的对比. 在现代色彩理论中,这对颜色分别是红/青、绿/品红和蓝/黄.
分裂互补(有时称为“复合和谐”)方案
这是使用互补配色方案和类似配色方案的组合. 在本质上, 选择互补色,然后在色轮上选择其两侧的颜色也用于设计. 它被认为是缓和互补配色方案的影响, 它可以, 在某些情况下, 过于大胆或过于苛刻的观众的眼睛.
三元
三色方案是基于在色轮上使用三种彼此距离相等的颜色. 找到三位一体方案最简单的方法是在轮子上放一个等边三角形,这样每个角都接触一种颜色. 三种颜色之间正好是120°.
这些方案被认为是充满活力的(即使色彩本身不是)——它们保持了和谐,但提供了高度的视觉对比. 你可以在许多艺术作品中找到三合一方案,因为使用三合一方案比使用互补方案更容易呈现令人愉悦的视觉效果.
四个的
四色方案利用两组互补的对:四种颜色. 这些可以创造非常有趣的视觉体验,但很难保持平衡. 为什么? 这是因为四色方案中的一种颜色需要主导其他颜色,而不完全压倒它们. 每一种颜色的用量相等通常会让你看起来很尴尬, 你最不想让用户看到的东西.
广场(四重奏的变体)
方形格式是四元格式的一种变体. 而不是选择两个互补的对, 你把一个正方形放在色轮上,然后选择它边角上的颜色. 因此,你会发现四种颜色彼此之间呈90°等距分布. 不像四色方案, 当所有的颜色在整个设计中均匀使用时,这种方法通常效果最好.
色温
颜色可以用来传达情感内容,以及协助您的网站的外观和感觉. 皇冠官网登录现在谈论的是感动用户,唤起用户的激情和情感. 在这一点上,值得注意的是人们的文化、性别、经历等. 也会影响颜色与他们产生共鸣的方式 用户研究 是更好的指标 情绪反应 要上色比下面的色轮指导原则为依据. 例如, 你知道吗, 在中国, 红色很常见,因为它代表幸福和繁荣, 但白色被认为是葬礼或代表不幸? 而且,中国文化有一种独特的色彩—— 清 ——这是一种蓝绿色灰色,或“蓝绿色”。. 在希腊,黄色代表悲伤,而在南非,红色代表悲伤. 来自世界各地的人们如何理解你的设计,颜色是一个大问题. 一点研究就能大有帮助.
然而, 如果你想遵循色轮的方法, 色温有“暖”、“冷”、“中性”三个指标:
暖色,这些颜色位于色轮的一半,包括黄色、橙色和红色. 据说这些颜色反映了激情、力量、幸福和能量等情感.
冷色, 这些颜色位于色轮的另一侧,包括绿色、蓝色和紫色. 据说,冷色能反映出冷静、冥想和舒缓的印象.
中性色 -这些表情并没有反映任何特定的情绪. 这些颜色包括灰色、棕色、白色和黑色.
你选择的颜色类别将取决于你的网站想要达到的效果. 无论何时,只要有可能, 测验 你的调色板与你的用户,以确保你所做的选择反映他们的现实. 在开发过程的早期设置和测试调色板总是比在开发结束时更容易. 除此之外,它可以节省你宝贵的时间.
拿走
色彩显然是设计美学吸引力的重要组成部分. 将你的调色板建立在现有的配色方案上,可以让你更容易从一开始就找到正确的平衡.
的 色轮 是一种基本工具,由艾萨克·牛顿爵士在1666年发明. 其中,皇冠官网登录发现:
原色
二次颜色
中间 or 叔的颜色
皇冠官网登录应该致力于微调皇冠官网登录的颜色选择,以创造最大的和谐, 同时考虑以下几点,以选择最合适的方案:
单色搭配
类似的配色方案
补充方案
分裂互补(复合和谐)方案
三元
四个的
广场
色温 is a不her vital consideration; it’s the part that can strike chords in people and make them passionate about our work. 你应该一直这样做 用户测试 配色方案,如果可能的话,最好是在设计过程的开始. 也, 永远记住,颜色有许多文化内涵, 所以一定要注意到它们!
另一方面,记住你应该这样做 不 传达的意思 只有 与颜色. 大约8%的人——大部分是男性——是色盲,而颜色并不总是如此 可访问的. 即便如此,颜色也是一种工具,可以增强你设计中的其他元素. 把它看作是一个可以让你的工作变得生动并吸引用户的重要因素, 让他们更关心你的产品, 服务或消息.
在哪里了解更多信息
Canva的色轮:看看什么颜色搭配起来很好看!
色彩理论的十诫. 检查你的知识!
石头,T. L. (2008). 色彩设计工作手册:在平面设计中使用色彩的真实世界指南. Rockport: Rockport Publishers.
布莱西,年代. (2011). 当代色彩:理论与运用. 美国:Cengage Learning.
参考
英雄形象:作者/版权所有人:乔治菲尔德. 版权条款和许可:公共领域.