我有几个宠物项目,我是唯一的设计师/程序员,我花了太多时间更改用户界面以使其更容易被真实用户使用,并避免在“程序员”设计中如此常见的亮黄色和绿色.
当您周围没有图形设计师时,您有选择配色方案的技巧吗?如何避免创建典型的“程序员”界面?
我有几个宠物项目,我是唯一的设计师/程序员,我花了太多时间更改用户界面以使其更容易被真实用户使用,并避免在“程序员”设计中如此常见的亮黄色和绿色.
当您周围没有图形设计师时,您有选择配色方案的技巧吗?如何避免创建典型的“程序员”界面?
kuler有很多用户提交的配色方案
编辑:只记得......也试试colorloves
让我告诉你一个故事。
我对自己做出审美选择的能力完全没有信心——你只需要看看我的穿着方式就会意识到我缺乏自信是有道理的。无论如何,几年前我负责为一个新产品(Cineon 中的“剪辑编辑器”,任何知道这一点的人)编写 gui。我草拟了一个设计草图,但请我的老板、销售和营销主管以及各种“应用专家”帮忙选择颜色。没有人回应,所以我说“见鬼去吧”,并选择了一个如此丑陋的配色方案,我相信测试者会惊恐地退缩并要求改变。但他们没有 - 所以它附带了它。我听说客户喜欢“大胆的颜色”。不仅如此,几年后,一个竞争对手在他们的产品中添加了一个看起来像是直接抄袭我的剪辑编辑器的程序,他们复制了我的配色方案!
对于桌面应用程序,从操作系统获取颜色。我个人希望我的所有应用程序的外观和感觉都与我的操作系统相同。
对于网络应用程序,我不太确定。
请记住,世界上近 10%的男性人口患有某种严重的色盲。在选择界面颜色时,您应该始终考虑这一点(特别是如果您需要资金 - 猜猜看?十分之一的男性投资者可能看不到您在绿色背景图表上显示风险与回报的红点!)。
MSDN对此有一个合理的概述,并且有几个网站过滤器可以向您展示您的网站(或任何网站)在任何形式的色盲情况下的外观。
除此之外,我真的很喜欢COLOURLovers - 他们不仅有大量用户标记和定义的配色方案,而且还以多种方式提供给您,您可以登录并跟踪您的收藏夹(或您最喜欢的颜色)计划生产者)。
去看看秋季主题吧!当叶子改变时,密歇根的颜色不会出错......
-亚当
如果您不知道如何选择颜色,像 Kuler 这样的颜色指南是一个很好的开始。
一些基本的考虑:
使用对比而不是颜色来区分您的设计。这是为了适应色盲和视力不佳的用户。
尽可能使用有限的调色板。选择一种颜色作为您的“主题”并选择该颜色的色调,然后可能会选择一两种对比色来搭配它。
获得建议 - 不一定来自设计师,您可能仍然认识对这些东西有很好的眼光的人。此外,更广泛的反馈 - 询问一些人的意见,这会有所帮助。
最近我一直在使用以下网站:http ://www.nickherman.com/colormatch/ 来帮助我(也是非设计师)选择匹配的配色方案。我通常会找到一种相当讨人喜欢的颜色,然后使用这个网站上的匹配颜色。
如果一切都失败了,我还要问我的妻子!
我喜欢使用ColourSchemer和EasyRGB。
我使用的一些更新资源:
Colorotate.org是一个设计精美的网站,用户提供各种尺寸的调色板(不像 kuler,每个调色板只提供 5 种颜色)。它使您可以查看组合对各种色障人士的看法。
colorschemedesigner.com使用各种算法(补码、三元组、四元组...)为您生成一致的调色板
Adobe 的Kuler网站上有很多由设计师上传的用户创建的配色方案。我通常首先搜索排名较高的方案。
网络上有很多“颜色主题选择器”。如果你使用这些,你的颜色至少看起来像是属于一起的。我在谷歌上看到的第一个:http ://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx ?
瞄准比成熟的颜色稍暗的柔和颜色,例如,柔和的红色比 (255,0,0) 红色更暗。尝试从同一个调色板中选择颜色,我使用的一种确定配色方案的欺骗方法是截取 Office 2007 应用程序的屏幕截图,通常是 excel,然后使用颜色滴管工具从其协调的调色板中粘贴一些颜色像 Paint.NET 这样的应用程序。事实上,这种欺骗方法可以扩展到从已经存在的应用程序中“借用”配色方案,这些应用程序具有您欣赏的配色方案 :-)
我倾向于使用大量的灰色以及黑色和白色,以保持简单,避免任何令人讨厌的明亮颜色。在我看来,这就是SO家伙所做的。
Vitaly Friedman 的网页设计师和网页开发者必备书签列出了很多在线颜色工具,也是一个精简版
twiki.org 上还有一个颜色工具列表,其中包含一些其他站点。
我建议您从阅读计算色彩理论开始。Wikipedia 实际上是一个很好的地方,可以在这个主题上进行自我教育。尝试在 Wikipedia 上按名称查找颜色。你会发现比你想象的更多。从那里开始分支,直到您获得该领域的概要。
当你发展你的分析眼时,专注于理解你最喜欢的(或最鄙视的)界面颜色和调色板,根据它们在不同颜色空间中的各种表示:RGB、HSB、HSL。保持 Photoshop/GIMP 打开,这样您就可以将调色板的主观体验与其可量化的方面相匹配。看看你的颜色如何在糟糕的显示器上呈现。请注意始终保持可读性的内容,以及哪些颜色组合往往会产生缺乏魅力或难以辨认的结果。注意特定调色板传达的情感信息。你会很快看到模式出现。例如,您会意识到在 UI 组件中最好避免使用高饱和度颜色,除非有特殊用途。
最终,您将能够分析此处推荐的调色板生成器的输出,并且您将开发自己的理论,了解什么是好的匹配,以及在大多数显示器上播放好需要多少对比度。
(为避免潜在的挫败感,您可能想跳过 Pantone 的免费色彩感知测试。最好在色彩校准的显示器上进行。如果它说您的色彩感知不佳,那么数字分析对您来说尤为重要。)
为什么程序员认为他们没有设计技能?这是我的一个小烦恼。这是一项可学习的技能,就像其他任何事情一样。