战斗程序员的颜色

时间:2008-08-28 18:52:49

标签: user-interface colors graphic-design

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

当您没有图形设计师时,您是否有选择配色方案的提示?你如何避免创建典型的“程序员”界面?

16 个答案:

答案 0 :(得分:28)

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

编辑:只记得...也尝试colorlovers

答案 1 :(得分:24)

让我告诉你一个故事。

我对自己做出美学选择的能力完全没有信心 - 你只需要看看我穿着的方式,就会发现自己缺乏自信是合理的。无论如何,几年前我负责为新产品编写gui(Cineon的“剪辑编辑器”,对于任何知道这一点的人)。我勾勒出一个设计,但是问我的老板,销售和市场营销负责人以及各种“应用专家”,帮助他们选择颜色。没有人回应,所以我说“地狱般的”,并选择了一个如此丑陋的配色方案我敢肯定beta测试者会惊恐地退缩并要求改变。但他们没有 - 所以它随之发货。我听说客户喜欢“大胆的色彩”。不仅如此,几年后,竞争对手添加了一个程序,看起来像我的剪辑编辑器直接扯掉他们的产品,他们复制了我的配色方案!

答案 2 :(得分:18)

对于桌面应用,请从操作系统中获取颜色。我个人希望我的所有应用程序看起来和我的操作系统一样。

对于网络应用,我不太确定。

答案 3 :(得分:5)

请记住,nearly 10%世界上的男性人口有一些重要的色盲症状。在选择界面颜色时你应该总是考虑这一点(特别是如果你需要资金 - 猜猜是什么?十分之一的男性投资者可能看不到绿色背景图表上的红点显示风险与回报!)。

MSDN对此有一个合理的概述,并且有几个website filters可以显示您的网站(或任何网站)在任何形式的色盲下的样子。

除此之外,我非常喜欢COLOURLovers - 他们不仅拥有大量用户标记和定义的配色方案,还可以通过多种方式为您提供,并且您可以登录和跟踪你的最爱(或你最喜欢的配色方案制作人)。

去看看秋天的主题吧!当树叶变化时,密歇根州的颜色不会出错......

- 亚当

答案 4 :(得分:3)

如果您不知道选择颜色,像库勒这样的色彩指南是一个很好的开始。

一些基本考虑因素:

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

尽可能使用限量调色板。选择一种颜色作为“主题”并选择该颜色的阴影,然后可以选择一种或两种对比色。

获得建议 - 不必来自设计师,您可能仍然认识一个对这些事情有良好关注的人。此外,更广泛的反馈 - 请几个人的意见,这可以帮助。

答案 5 :(得分:1)

最近我一直在使用以下网站:http://www.nickherman.com/colormatch/  帮助我(也是非设计师)挑选匹配的配色方案。我通常会发现一种相当令人愉悦的颜色,然后使用本网站的匹配颜色。

如果一切都失败了,我也会问我的妻子!

答案 6 :(得分:1)

我喜欢使用ColourSchemerEasyRGB

答案 7 :(得分:1)

我使用的一些更新资源:

Colorotate.org是一个设计精美的网站,其中包含各种大小的用户提供的调色板(与kuler不同,每个调色板仅提供5种颜色)。它允许您查看组合如何看待各种类型的色彩障碍人士。

colorschemedesigner.com使用各种算法(补码,三元组,四元组......)为您生成一致的调色板

答案 8 :(得分:0)

Adob​​e的Kuler网站有许多由设计师上传的用户创建的配色方案。我通常首先搜索排名更高的计划。

答案 9 :(得分:0)

网上有很多“颜色主题选择器”。如果你使用它们,你的颜色至少看起来就像它们在一起。我在谷歌上看到的第一个:http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx

答案 10 :(得分:0)

目标是柔和的颜色比其完整的对应物略微暗淡,即柔和的红色比例如(255,0,0)红色更暗。尝试从同一个调色板中选择颜色,我使用的一种简洁的方法来确定我使用的Office 2007应用程序的截图,通常是excel,并使用颜色滴管工具从其协调的调色板中粘贴一些颜色。应用程序像Paint.NET。事实上,这种欺骗性的方法可以扩展到“借用”颜色方案,这些方案已经在那些已经有你喜欢的颜色方案的应用程序中: - )

答案 11 :(得分:0)

如果您为应用选择“主题”颜色,则可以使用Kuler来帮助充实调色板。

相关文章:

答案 12 :(得分:0)

我倾向于使用大量的灰色,黑色和白色,保持简单,避免任何恼人,明亮的颜色。在我看来,这就是SO家伙的所作所为。

答案 13 :(得分:0)

Vitaly Friedman为网页设计师提供的基本书签&网络开发者列出了很多在线color tools,也是condensed version

还有一个list of color tools on twiki.org有一些额外的网站。

答案 14 :(得分:0)

我建议你先阅读计算色彩理论。维基百科实际上是一个教育自己的好地方。尝试在维基百科上按名称查找颜色。你会发现比你想象的更多。从那里开始分支,直到你得到该领域的概要。

当您开发分析眼睛时,请专注于理解您最喜欢的(或最受鄙视的)界面颜色和调色板,以及它们在不同颜色空间中的各种表示:RGB,HSB,HSL。保持Photoshop / GIMP打开,这样您就可以将调色板的主观体验与其可量化的方面相匹配。看看糟糕的显示器上的颜色呈现方式。注意什么始终是可读的,哪些颜色组合往往会产生不真实或难以辨认的结果。注意特定调色板传达的情感信息。你会很快看到模式出现。例如,您将意识到除了特殊用途之外,UI组件中最好避免使用高饱和度颜色。

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

(为了避免潜在的挫败感,您可能希望跳过Pantone的免费色彩感知测试。最好采用颜色校准的显示器。如果它说您的色彩感觉不佳,那么数值分析对您来说非常重要。)

答案 15 :(得分:0)

为什么程序员认为他们不能拥有dsign技能?这是我的宠儿。这是一种可学习的技能,就像其他任何东西一样。

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