优秀配色方案的探索过程.pdf

优秀配色方案的探索过程 选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最 好还是亲自动手。而且这个过程也非常有意思。 为这类工作找到一套标准流程是不可能的，因为它天然具有创造性。我使用 Sketch 来进行这项工作 ，你当然也可以用 Illustrator 甚至 Keynote 和 PPT 来做。 提醒 ：品牌建设包含的远不止选择颜色和字体，如果你想要给自己的公司寻找一套配色，我还是建 议你雇佣专业的品牌设计公司。 我接下来会重现我选定配色方案的过程，我需要把它用在一些演示当中。一切开始于这张 照片， Z urich机场，由 Erez Attias 拍摄。在 Unsplash 上你可以找到许多更加漂亮（并且版权免费） 的照片。 瑞士 Z ü rich-Flughafen的Z urich 机场 首先要做的是从图片中选取一些颜色。目前，我只会选出 4 种颜色：一种强调色彩、一种浅色、一 种深色、还有一种其他颜色。我们之后可以随时回来查看这张图片。 初始配色，从图片中选出的样本。 有了 4 种基础色彩，可以开始做一些色彩上的探索了。尽管我不是这方面专家，但我有色彩理论的 基本知识，我以此来引导我的决策。 探索色调和饱和度 使用 Sketch 的调色盘，我们可以减淡或加深每一种色彩。既然有浅色和深色，我们就得稍微调节一 下饱和度和明度。通常情况，调节色调时最好保持饱和度与明度近似，反之亦然。 通过其他工具探索 我们可以使用像 Paletton 这样的在线工具帮助我们发现新的色彩。在本例中，我用了两种不同工具 来计算互补色和三色系。 最后，还可以尝试在配色上叠加 40% 透明度的白色和黑色。 尝试各种叠加 我最后尝试的一件事情，来自 Marko Vuleti? 的绝佳提议。建议你直接看看： 《快速创建配色方案的秘诀》 选择强调色时，我们可以尝试之前生成的某些更亮的颜色。 这整个过程帮助我们生成了相当多不同的颜色。如果我把最初的配色去掉，它们就是这些： 最后得到的色彩样品 哎呀，这颜色太多了 一点没错，这颜色确实太多了。我发现通常最好保持 4 到 5个主要色彩，其中有一个应当作为强调色 。还可以有一系列的辅助色来支撑，比如用来表达某些含义（红色代表错误等等），将不同部分或 者概念分组，（比如用在我的演示中），或者用于代码语法高亮。 现在我们已经有了这一大堆演示，该花些时间相互搭配，尝试看哪些可以凑成对、可以用在哪里。 在这里我给不出什么建议，你只能相信自己的内心，还要考虑这些色彩能否很好描绘你的气质和 身份。 打磨配色（这不是在玩俄罗斯方块） 纠结一阵子后，得到最终的配色方案： 更新： 自从把本文的草稿发给一些朋友看，就有人指出我的主要配色和 Deliveroo 几乎一样。这当然 不是故意的，不过我忍不住想，是不是我的潜意识已经被伦敦遍地都是的 Deliveroo 品牌形象影响了 。 # 专栏作家 # 可乐橙，微信公众号：可乐橙（ colachangreen ）。人人都是产品经理专栏作家， UI/UX 设计师，关 注互联网，关注科技。现居杭州，与小伙伴们正在创业途中。或许不是一名优秀的设计师，至少是 个快乐的设计师。 本文原创发布于人人都是产品经理，未经许可，不得转载。 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台