题

我有几个宠物项目，其中我是唯一的设计师/程序员，我花了太多时间更改用户界面以使其更易于使用 由真实用户 并避免 亮黄色和绿色 这在“程序员”设计中很常见。

当您身边没有图形设计师时，您有选择配色方案的技巧吗？如何避免创建典型的“程序员”界面？

有帮助吗？

解决方案

库勒 有很多用户提交的配色方案

编辑：刚刚想起来...也尝试一下 色彩爱好者

其他提示

让我给你讲一个故事。

我对自己做出审美选择的能力完全没有信心——你只要看看我的穿着方式就知道我缺乏自信是有道理的。不管怎样，几年前我被任命负责为一个新产品（Cineon 中的“剪辑编辑器”，对于任何知道这一点的人来说）编写 GUI。我画出了一个设计草图，但请我的老板、销售和营销主管以及各种“应用专家”帮助选择颜色。没有人回应，所以我说“见鬼去吧”，并选择了如此难看的配色方案，我确信 Beta 测试人员会惊恐地退缩并要求更改。但他们没有——所以它随之而来。我听说顾客 爱过 “大胆的色彩”。不仅如此，几年后，一个竞争对手在他们的产品中添加了一个看起来像是直接抄袭我的剪辑编辑器的程序，并且他们复制了我的配色方案！

对于桌面应用程序，从操作系统获取颜色。我个人希望我的所有应用程序的外观和感觉与我的操作系统相同。

对于网络应用程序，我不太确定。

请记住 近10% 世界上的男性人口患有某种严重的色盲。在选择界面颜色时，您应该始终考虑这一点（特别是如果您需要资金 - 你猜怎么着？十分之一的男性投资者可能看不到显示风险与回报的绿色背景图表上的红点！）。

微软软件定义网络 对此有一个合理的概述，并且有几个 网站过滤器 向您展示您的网站（或任何网站）在任何形式的色盲情况下的外观。

除此之外，我真的很喜欢 色彩爱好者 - 他们不仅拥有大量用户标记和定义的配色方案，还以多种方式为您提供这些配色方案，您可以登录并跟踪您的最爱（或您最喜欢的配色方案制作者）。

快来看看秋季主题吧！当树叶变色时，密歇根州的颜色不会出错......

-亚当

如果您不知道如何选择颜色，像 Kuler 这样的颜色指南是一个很好的开始。

一些基本注意事项：

使用对比而不是颜色来区分您的设计。这是为了适应色盲和视力不佳的用户。

尽可能使用有限的调色板。选择一种颜色作为您的“主题”并选择该颜色的色调，然后可能选择一两种对比色来搭配。

获取建议 - 不一定来自设计师，您可能仍然认识对这些事物有敏锐洞察力的人。另外，更广泛的反馈——询问一些人的意见，这会有所帮助。

最近我一直在使用以下网站： http://www.nickherman.com/colormatch/帮助我（也是非设计师）选择匹配的配色方案。我通常会找到一种相当令人愉悦的颜色，然后使用该网站上的匹配颜色。

如果都不行的话，我还要问我的妻子！

我喜欢用 色彩策划者 和 易RGB.

我使用的一些更新资源：

Colorotate.org 是一个设计精美的网站，具有用户提供的各种尺寸的调色板（与 kuler 不同，每个调色板仅提供 5 种颜色）。它可以让您了解不同类型的色障人士所看到的组合效果。

色彩方案设计师网站 使用各种算法（补色、三色、四色...）为您生成一致的调色板

阿多比的 库勒 网站上有很多由设计师上传的用户创建的配色方案。我通常首先搜索排名较高的方案。

网络上有很多“颜色主题选择器”。如果你使用这些，你的颜色至少看起来像是在一起的。我在google上看到的第一个： http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?

目标是比成熟的颜色稍微暗一些的柔和的颜色，即例如，柔和的红色比 (255,0,0) 红色更暗。尝试从同一个调色板中选择颜色，我使用的一种确定配色方案的欺骗方法是截取 Office 2007 应用程序（通常是 Excel）的屏幕截图，然后使用颜色滴管工具从其协调的调色板中粘贴一些颜色。像 Paint.NET 这样的应用程序。事实上，这种作弊方法可以扩展到从已有的应用程序中“借用”配色方案，这些应用程序具有您欣赏的配色方案:-)

如果您为应用程序选择“主题”颜色，则可以使用 库勒 帮助充实调色板。

相关帖子：

我倾向于使用大量的灰色以及黑色和白色，保持简单并避免任何烦人的明亮颜色。在我看来，这就是那些SO家伙所做的。

维塔利·弗里德曼 (Vitaly Friedman) 为网页设计师和网页开发人员提供的基本书签列出了许多在线书签 色彩工具, ， 也 精简版

还有一个 twiki.org 上的颜色工具列表 有一些额外的网站。

我建议您首先阅读计算色彩理论。维基百科实际上是一个在这个主题上进行自我教育的好地方。尝试在维基百科上按名称查找颜色。你会发现比你预期更多的东西。从那里开始分支，直到您获得该领域的概要。

当您培养分析能力时，请重点了解您最喜欢（或最鄙视）的界面颜色和调色板，以及它们在不同色彩空间中的各种表示形式：RGB、HSB、HSL。保持 Photoshop/GIMP 打开，以便您可以将调色板的主观体验与其可量化的方面相匹配。看看你的颜色在糟糕的显示器上呈现如何。注意什么始终保持可读性，以及哪些颜色组合往往会产生无魅力或难以辨认的结果。注意特定调色板传达的情感信息。您很快就会看到模式的出现。例如，您会意识到，除特殊用途外，最好避免在 UI 组件中使用高饱和度颜色。

最终，您将能够分析此处推荐的调色板生成器的输出，并且您将发展自己的理论，了解什么是良好的匹配，以及需要多少对比度才能在大多数显示器上良好地发挥作用。

（为了避免潜在的挫败感，您可能需要跳到 Pantone 的免费色彩感知测试。最好在色彩校准的显示器上拍摄。如果它说您的色彩感知能力很差，那么数值分析对您来说就格外重要。）

为什么程序员认为他们没有设计技能？这是我的一个小烦恼。就像其他任何事情一样，这是一项可以学习的技能。

http://www.hackification.com/2010/05/16/designing-a-vs2010-color-scheme-consistency-consistency-consistency/

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top