2008-08-28 48 views
28

我有几个宠物项目,我是唯一的设计师/程序员,我花了太多时间更改用户界面,使其更容易使用由真实用户和避免明亮的黄色和绿色在“程序员”设计中非常普遍。战斗编程器颜色

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

+0

只需使用橙色:-) – TFD 2010-03-03 07:38:08

+0

+1这应成为维基 – 2011-01-14 20:51:45

回答

28

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

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

+0

http://www.colorotate.org/ – 2010-03-03 07:43:14

18

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

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

+4

有时+1不够。 – Simon 2009-10-07 08:15:54

0

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

1

最近我一直在使用以下网站:http://www.nickherman.com/colormatch/ 帮我(也是非设计师)选择配色方案。我通常会找到一个相当令人满意的颜色,然后使用本网站的配色。

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

0

目的是为了比它们的完整对象略微暗淡的淡色,即淡红色比(255,0,0)红色暗。尝试从同一个调色板中选择颜色,我使用的确定配色方案的一个秘密方法是截取Office 2007应用程序(通常为excel)的屏幕截图,并使用颜色滴管工具在其协调的调色板中粘贴一些颜色像Paint.NET的应用程序。事实上,这种巧妙的方法可以扩展到已经存在的应用程序中的“借用”颜色方案,这些应用程序有你喜欢的颜色方案:-)

0

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

相关岗位:

0

我倾向于使用灰色的很多,与黑色一起和白色,让事情简单,避免任何恼人的,明亮的颜色。在我看来,这就是那些SO男人所做的。

3

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

一些基本的考虑:

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

尽可能限制使用调色板。选择一种颜色作为“主题”,然后选择该颜色的色调,然后使用一种或两种对比色进行设置。

获得建议 - 不一定是来自设计师,你可能仍然知道有人对这些事情有很好的关注。此外,更广泛的反馈意见 - 请问几个人的意见,这可以提供帮助。

24

让我告诉你一个故事。

我对我的审美选择能力绝对没有信心 - 你只需要看我穿着的方式,意识到自己缺乏自信就有理由。无论如何,多年前,我负责为新产品编写gui(Cineon的“剪辑编辑器”,任何知道这一点的人)。我画出了一个设计,但问我的老板,销售和市场营销主管,以及各种“应用专家”来帮助选择颜色。没有人回应,所以我说“地狱与它”,并选择了一个如此丑陋的配色方案,我相信测试者会惊恐地退缩并要求改变。但他们没有 - 所以它随附了它。我听说客户喜欢的“大胆的色彩”。不仅如此,几年后,竞争对手添加了一个程序,看起来像是我的剪辑编辑器直接从他们的产品中剥离出来的,他们复制了我的配色方案!

+12

由于不包含屏幕截图而造成的挫折,这几乎值得被拒绝。花了几秒钟,谷歌试图找到一个,我明显感到沮丧,足以留下这个评论。 :) – unwind 2009-02-19 13:20:43

5

请记住,世界上男性人口的nearly 10%有一些显着的色盲形式。在选择界面颜色时,您应该始终考虑这一点(特别是如果您需要资金 - 猜猜看是什么?10个男性投资者中有1个可能在绿色背景图上看不到您的红点,显示风险与回报!)。

MSDN对此有一个合理的概述,并有几个website filters显示您的网站(或任何网站)看起来像给出任何形式的色盲。

除此之外,我真的很喜欢COLOURLovers - 他们不仅有很多用户标记和定义的配色方案供选择,他们以各种方式给你,并且你可以登录和跟踪你的收藏夹(或您最喜爱的配色方案制作者)。

去看看秋天的主题!不能出差错与密歇根颜色时,叶子改变...

- 亚当

0

我建议你通过计算色彩理论研读启动。维基百科实际上是一个很好的教育你自己的主题。尝试在Wikipedia上查找姓名的颜色。你会发现超出你的预期。从那里分支直到你有了这个领域的概要。

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

最终,您将能够分析这里推荐的调色板生成器的输出,并且您将开发自己的关于什么使得匹配良好的理论,以及需要多大的对比度才能在大多数显示器上发挥出色。 (为了避免潜在的沮丧,你可能想跳过Pantone的免费色彩感知测试,最好在彩色校准过的显示器上进行测试,如果它说色差很差,那么数值分析对你来说就更重要了。 )

1

一些更新的资源使用:

Colorotate.org是一个很好的设计位点具有各种尺寸的用户贡献的调色板(不像的Kuler提供每调色板仅5种颜色)。它可以让你看到组合如何看待各种颜色受损的人。

colorschemedesigner.com产生一致的调色板您使用各种算法(补充,黑社会,四分...)