美文网首页技术传播那些事儿
技术传播人士应该知道的色彩搭配常识

技术传播人士应该知道的色彩搭配常识

作者: Lilian_Lee | 来源:发表于2018-07-27 08:22 被阅读17次

Foreword

最近在如何使用颜色来提高技术文档的可读性?这篇文章中提到了一些色彩相关的名词。如果不是专业的设计人员,可能了解得不是特别透彻,对于某些颜色准则的运用也会存有疑惑。

技术传播中,Visual Effectiveness 是很重要的一部分。各种图表是很常见的一种形式,而图表中又很可能会涉及颜色的运用。Technical Writer 或 Technical Communicator 也不应该只局限于文字,而应该多站在技术传播的角度去思考各种问题。

我在之前读 Robin Williams 的 Non-Designers Design Book《写给大家看的设计书》时,学到了一些可以快速 Get 的色彩搭配知识,这里跟大家分享一下。此外,还会分享两款简单易用的配色工具。

三分钟 Get 设计中的色彩搭配常识

即便你对色彩运用零基础也没关系,因为下面这些内容特别通俗易懂,也比较实用,很适合小白入门。

1. 认识色轮

  • 三原色:色轮的基础是红、黄、蓝三种颜色,即三原色 (Primary colors)。这是唯一无法创建的颜色,而其它颜色都可以通过混合颜色来得到。

    三原色
  • 三间色:将三原色当中任何两种原色以同等比例混合而成的颜色,即三间色 (Secondary colors),也叫第二次色。

    三间色
  • 第三色:现在再将上面色轮上空白两边的颜色等量混合,得到的颜色就是第三色 (Tertiary colors, or Third colors)。

    第三色

2. 四种颜色关系

接下来,了解下四种颜色关系,即:互补色、三色组、分裂互补三色组和类似色。

  • 互补色:色轮上相对(即完全对立)的颜色称为互补色 (Complementary colors)。

    应用:由于它们的对立性,最佳搭配是一种作为主色,另一种用于强调

    互补色
  • 三色组:色轮上彼此等距的任意三种颜色即构成一个三色组 (Triad)。

    应用:红、黄、蓝就是一种很流行的颜色组合,常用于儿童产品。不过,也因此很容易显得幼稚,此时就需要引入一些暗色和亮色来调和。

    由于红黄蓝是三基色,因此这一组合也叫基色三色组 (Primary triad)。同理,绿色、橙色和紫色构成的颜色组合叫间色三色组 (Secondary triad)。

    除了红黄蓝构成的基色三色组以外,所有三色组中三种颜色都有基础色使其相互连接,因此看上去非常协调。

    三色组
  • 分裂互补三色组:选择一种颜色,在色轮的对面找到它的互补色,互补色两侧的颜色与该颜色便构成一个分裂互补三色组 (Split complement triad)。这样得到的组合会有一种更为细致的颜色边界。

    分裂互补三色组
  • 类似色:类似色组合 (Analogous colors) 由色轮上彼此相邻的颜色组成,也叫相似色。

    应用:它们都有相同的基础色,因此就形成了一个协调的组合,用不同的亮色和暗色构成一组类似色,可以营造出相当醒目的效果。

    类似色

3. 暗色和亮色

  • 色调:纯色就是色调 (Hue)。向色调增加黑色就构成一个暗色 (Shade);向色调增加白色就构成一个亮色 (Tint)。

  • 单色组合:由一种色调及其多种亮色和暗色组成的颜色组合,即单色组合 (Monochromatic colors)。深深浅浅的单色也可以呈现出很棒的效果。

    黑色的不同亮色 暗褐色的不同亮色
  • 暗色和亮色的组合:可以从上面提到的四种颜色关系中选择一个,然后使用那些颜色的不同亮色和暗色,可以放心颜色的搭配,摆脱幼稚,表现丰富的效果。

4. 色质

色质 (Tone) 是指某种颜色的特定明暗度、深浅度或色调。

应用:色质过于接近,会影响文字的可读性。如果使用类似色质的色调,一定要尽力避免它们挨在一起,每种色调的用量也不要完全相同。

色质过于接近,可读性差 色质差异明显,可读性好

5. 暖色与冷色

  • 暖色 (Warm colors) 是指其中包含一些红色或黄色的颜色。
  • 冷色 (Cool colors) 是指其中包含蓝色的颜色。

应用:冷色趋于做背景色;而暖色则是趋进型的,可以很快映入眼帘。如果要组合暖色和冷色,一定要少用些暖色。由于冷色是后退型的,需要使用更多的冷色才能产生效果或形成有效的对比。

两款简单易用的配色工具

在选择颜色的时候,可以使用一些工具来协助,就会简单很多,有些工具还可以让你预览配色效果。这儿跟大家分享两个配色工具:

Afterword

了解关于颜色运用的基础知识是一件很简单的事,关键是要试着应用到自己的工作、学习或生活中。一起实践吧!欢迎留言交流哦~

你可能想读

技术文档诞生记 | 完整的技术写作流程是怎样的?
Technical Writer 可提供的交付物有哪些?
Technical Writer 日常工作中好用的小工具
技术翻译需要有 Technical Writer 的 sense
深度解析关于技术翻译的六个认知误区
如何让你的内容输出更加专业更有设计感?
书单 | 有哪些技术传播从业者必知必看的书籍?
有哪些适合技术传播从业者关注的优质博客?(一)
有哪些适合技术传播从业者关注的优质博客?(二)
经验分享 | 来自 11 位 Technical Writer 前辈的职业发展建议(上篇)
经验分享 | 来自 11 位 Technical Writer 前辈的职业发展建议(下篇)
英语技术文档的标题到底该大写还是小写?
如何使用正则表达式批量添加和删除字符?
Markdown:写技术文档、个人博客和读书笔记都很好用的轻量级标记语言
如何为 Markdown 文件自动生成目录?
技术写作实例解析 | 简洁即是美
两分钟趣味解读 Technical Writer
若脱离理解,直译得再正确又有何意?
优质译文不应止于正确,还要 Well-Organized
Technical Writer 需要 Technical 到会写代码吗?
写在入职技术型创业公司 PingCAP 一个月之后
揭秘 Technical Writer 的工作环境 | 加入 PingCAP 五个月的员工体验记

-END-

相关文章

  • 技术传播人士应该知道的色彩搭配常识

    Foreword 最近在如何使用颜色来提高技术文档的可读性?这篇文章中提到了一些色彩相关的名词。如果不是专业的设计...

  • 新媒体运营必须知道的色彩搭配常识

    大部分新媒体运营人员可能忽视了色彩的重要性,但事实是,Logo、二维码、文中标题、正文、海报等,大量地方都会用到色...

  • 家居色彩搭配学(附装修指南)

    色彩搭配·家居装修 色彩搭配是一门技术活,但学习起来也不难。不同色彩的搭配,总能给你不一样的感觉。今天,我们一起来...

  • 家居装修色彩搭配小常识

    家装设计中的配色没有难看的颜色,只有不和谐的配色。在一所房子中,色彩的使用还蕴藏着健康的学问。 太强烈刺激的色彩,...

  • 外墙色彩应该怎么搭配?

    墙面装修包括内墙与外墙,外墙色彩更是装修的重要组成部分,想要外墙看起来和谐舒适,外墙色彩应该怎么搭配?今日我们就来...

  • 这样的颜色搭配技巧,让你家里也成为样板间!

    我们知道“红配绿”、“冷配暖”是色彩搭配的禁忌,平日里穿衣服也会遵循服装色彩搭配原理,了解一些服饰色彩搭配技巧。而...

  • 穿搭的色彩有什么你不知道冷技巧?

    不论是男士穿搭还是女士穿搭,都离不开色彩搭配,既然要知道色彩的搭配,那我们可以了解一下色彩的秘密。 要想明白色彩,...

  • 为什么说无场景,区块链技术皆为泡沫?

    关注区块连技术的人士都应该知道,现在世界各国很多业内专业人士都共同呼吁,区块链技术是可以提高金融应用场景的,不仅可...

  • 学配色!色彩应该如何搭配?

    文/吴文 色不在多,和谐则美。正确的配色方法,应该是选择一两个系列的颜色,以此为主色调占设计作品的大面积,以其它少...

  • 穿衣打扮

    首先,要想提升穿衣品位,应该了解服饰美学的基础原理,即通过对色彩美学的搭配、服饰材质搭配、服饰环境搭配、服饰肤色搭...

网友评论

    本文标题:技术传播人士应该知道的色彩搭配常识

    本文链接:https://www.haomeiwen.com/subject/wkqwmftx.html