如何使用颜色来提高技术文档的可读性？

Foreword

关于 Visual Effectiveness，之前给小伙伴们分享过如何让你的内容输出更加专业更有设计感？。

看似很简单的四个原则（对比、重复、对齐、亲密性），可以通过对文字的视觉编排让你的文档逻辑和文档呈现更加清晰。这需要 Technical Writer 在写作过程中时刻保持一种意识，如何才能让自己输出的内容逻辑更加清晰、更简洁明确可读。

除了文字，在技术传播的文档中也经常会用到一些可视化图表，例如柱状图、折线图、流程图等，此外如果是博客文章里面，也可能会用到插图。

在画这类图的时候，有时会遇到色彩方面的问题：用什么颜色可以更好地强调或凸显我要呈现的内容？用什么颜色搭配比较能吸引读者的兴趣同时又不会出错？

这里呢，跟小伙伴们分享一下为什么技术传播中要重视颜色的运用，以及技术文档写作中一些基本的颜色运用规则。

为什么技术传播中要重视颜色的运用？

有一些设计和色彩总是能让人感觉很舒服，或者眼前一亮。技术文档中也常常会涉及一些色彩元素，倘若使用得当，可以更好地传达信息，提升用户体验；倘若使用不当，反而会有损文档质量，甚至给用户造成困扰。

Paul V. Anderson 在其 Technical Communication: A Reader-Centered Approach 一书中的第六部分讲 Visual Elements 时，专门讲到了 Use color to support your message。这里跟大家分享一下。

之所以要重视颜色的运用，是因为它可以帮你做到以下几点：

• 强调某一点
• 获得读者的情感认同
• 告诉读者先看哪里
• 让沟通更优雅更有吸引力
• 将相关项集合在一起
• 按重要性建立层次结构

如何使用颜色来提高技术文档的可读性？

在还没有足够专业的时候，可以选择一些最保险最不会出错的颜色搭配。当然啦，如果你对自己搭配的色彩有绝对的把握，也可以大胆尝试一些。

那么，Technical Writer 在写技术文档的过程中，究竟该如何使用颜色呢？且往下看~

六条颜色运用准则：

1. 使用颜色主要是为了清晰和强调，而不是修饰。

   颜色很容易吸引眼球，如果使用颜色仅仅是为了修饰，那么，很可能会将读者的注意力吸引到颜色相关的元素而非内容本身上，妨碍读者理解或掌握你想传达的信息。如此，便有点儿本末倒置了。

2. 选择颜色方案，而不仅仅是某一个颜色。

   颜色与其周围的事物密切相关，相互影响，是一个呈现视觉效果的整体。在技术文档中，可以注意以下三点：

   • 使用明亮的颜色来吸引读者的注意力。

     日常生活中，有很多提醒人们注意的物品上都使用了亮黄色，这同样适用于技术文档。

   • 使用对比色来强调重点。

     要想为某个事物营造出脱颖而出的效果，需使用差异明显的对比色，而不是相似色。

     

   • 用强烈的暖色系色彩使图中的物品更接近读者。

     这一点可能不大好理解，举个栗子：黑色背景下，使用强烈的暖色来呈现你要描述的物体，感官上就会觉得这个物体离你更近了。

   以上三点，前两点比较好理解，也更常用。

3. 为文字和背景使用高对比度的颜色，更易读。

   文字和背景的颜色对比度越低，可读性越差。

   

4. 注意颜色与事物的关联，以及对文档受众的象征意义。

   这一点和社会文化因素相关。颜色的使用要符合认知惯例，例如，红色代表停止，绿色代表开始或通行。技术文档中的图表应遵循这一惯例。

   另外，在不同的文化或群体中，颜色往往有其特定的象征意义。如果文档受众来自不同文化或群体，就需要考虑到这一点。

5. 保持颜色的一致性，以帮助读者建立意义模式。

   这一点其实与如何让你的内容输出更加专业更有设计感？中的重复原则类似，重复的元素是颜色。

   对相同或同类的事物使用相同的颜色，可以帮助读者快速地理解文档，建立起颜色与所表达意思的关联认知，避免可能产生的疑惑。

   在一个产品的用户文档中，可能会包含很多图表，像架构图、流程图等。那么，这些图中的相同事物应该使用相同的颜色。

   例如，在最初的图表中，某个组件是用蓝色呈现的，那么在之后的图表中，也应该使用相同的蓝色。当然，要确保最开始用的颜色是合适的，然后再保持一致。

6. 只使用少数几种颜色。

   虽然颜色使用得当可以促进传播的有效性，但颜色过多容易引起混淆。为了让读者快速理解你要建立的意义模式，应使用尽可能少的颜色种类。

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-