颜色参考:你从哪里得到你的想法?

时间:2009-07-21 21:16:48

标签: user-interface colors

我是一家非常小的IT商店中的唯一开发人员,因此在涉及到我的应用程序外观时,没有人可以转向。我留给自己的设备,看看什么和什么匹配什么看起来很好。

这让我感到疑惑,其他程序员在哪里获得他们的色彩创意?

我是唯一喜欢灰度级所有应用程序的程序员吗?

有哪些网站,图书,应用,提示和技巧可以为自定义构建的应用提供最终用户 MIGHT 真正感激的一些活力和生活?

13 个答案:

答案 0 :(得分:19)

我建议Adobe Kuler。您可以引入一个图像,如徽标,并建议一组5种颜色可以很好地协同工作。有很多不同的选择。还可以保存调色板。然后,您可以浏览其他人的颜色组合。

答案 1 :(得分:11)

我太喜欢灰度的应用程序了,虽然一点颜色没有伤害。例如,meta.stackoverflow.com在stackoverflow上花了很多时间后对我来说有点奇怪。如果你正在寻找颜色的想法,我会查看这些网站的颜色建议:

http://www.colourlovers.com/

http://kuler.adobe.com/

对于排版: http://webtypography.net/

也许还拿起一些好的设计书? (我喜欢这个http://www.amazon.com/Designer-Grid-Lucienne-Roberts/dp/2880466784

答案 2 :(得分:5)

对比度是可以决定网站设计的因素之一。有些颜色不能很好地融合在一起。例如,绿色背景上的红色文字可能看起来像是一个高对比度和易于阅读的组合,但事实并非如此。它很难看。同时,你必须小心相同色调的颜色。浅灰色文字很难在白色背景上阅读(一个更明显)。

本页介绍了一些关于对比度的信息,并提供了一个检查它的好工具: http://snook.ca/technical/colour_contrast/colour.html

他们提到你应该用小文本拍摄4.5:1的对比度。如果不是这样,您就有可能在用户阅读网站时遇到问题。

我可以提供另一个提示。每当你选择两种颜色相邻时,选择一种缺乏饱和度的无聊颜色(白色,灰色,黑色或非常暗淡的颜色),然后将其与具有大量饱和度的颜色配对(蓝色,橙色) ,红色,绿色等)。一般来说,这看起来比试图在同一设计中将两种令人兴奋的颜色放在彼此旁边更好(除非你正在设计漫画书网站)。

然后这个网站有一个很酷的画廊,你可以找到一些灵感和良好的色彩组合: http://www.cwd.dk/

但是我会告诉你,自从我刚开始以来,我的方法发生了巨大的变化。一点创造力是好的,但我现在更重视可用性而不是任何事情。我尽量保持我做的每一个设计都简单实用......有点像Stackoverflow。我只提到这一点,因为我对可用性的关注往往会影响我的设计决策。

我最喜欢的几个关于可用性和优化的网站是 http://www.useit.com/http://www.websiteoptimization.com/

答案 3 :(得分:4)

如果您正在为某个平台编程,最好遵循该特定平台的指导原则。 (而不是没有理由改变系统颜色)

如果您正在为网络编程,您可能会喜欢关注某些主要网络应用程序的主题,例如gmail。

答案 4 :(得分:3)

我过去曾使用过这个:

http://colorschemedesigner.com/

我建议打开工具提示(转到'About & Help' > 'Show Tooltips'),这样您就可以看到将鼠标悬停在它们上方时所提供的不同类型配色方案的说明。

答案 5 :(得分:2)

询问您的用户。只是。只要问问他们,并听取他们的意见。他们是那些不得不盯着配色方案几个小时或几天的人;听取他们的意见。

更新:我不是建议您为用户提供全面的选择;通常这种方式适用于一小组用户,生成一些看似合理的网站样式,并要求小组选择他们最喜欢的那种。这样,对事物有一个连贯的看法,但你仍然可以从最终用户那里获得用户输入。

答案 6 :(得分:2)

个人而言,我是UI Frameworks的忠实粉丝,如DevExpress,它实现了皮肤技术。因此,用户可以切换到他最喜欢的外观。对我们来说,它只有五行代码,我们的用户总是满意这个选项。 Vista,Office 2003,Office 2007只是为我们的客户提供的一小组不同选项。

答案 7 :(得分:2)

为您的用户提供最奇怪的闪亮配色方案 (像紫色,绿色,耀眼的红色,粉红色的组合) 并且您将得到用户的大量建议。

即使您的颜色很奇怪,您也必须确保这些页面在技术上仍然可用,但在美学上却无法忍受。确保单词和小部件可见,以便在浅色背景上使用较深的颜色,如深红色,蓝色或深灰色。柔和背景,使其不会妨碍用户的视线。

如果您希望捍卫您对色彩品味的声誉,请放置一个“联系网站管理员”链接,该链接会产生免责声明,说明您的配色方案是故意的,因为您强迫用户设计并提交并投票选择配色方案。为什么不写一个廉价的lil'网络应用程序来促进投票?

答案 8 :(得分:1)

我带你一些用户。我建议问他们在颜色方面他们想要什么。

除此之外,为了有效地提供数据,您必须将视觉混乱降至最低。格雷是一位经过时间考验的代理商。

我从你的评论中看到灰色被鄙视了。好吧,你可以拼写它“灰色” - 英国主义是经典的时尚。说真的,在这种情况下你需要去三个粉彩。

答案 9 :(得分:1)

我会说坚持你喜欢的东西,并使它们灰度,但只是添加提示和颜色的重音。

Adobe Kuler是使用颜色的好工具。

答案 10 :(得分:1)

坚持使用灰度,只有在具有某种意义时才使用颜色。例如,使用鲜红色表示负数美元金额,蓝色表示电子邮件地址,黄色背景表示粗体黑色文本表示电话号码等。这类事情确实可以帮助用户找到适合您应用的方式,尤其是当有大量信息时。

答案 11 :(得分:1)

查看AVIVADirectory.com

  

“设计师在线色彩资源的典型清单”   (定期更新整洁的东西)“

关于漂亮颜色的链接和资源的大量列表 让我们同意就'u'的颜色不同意,好吧; )

此外,John Rasch先前提到的colorschemedesigner.com为+1

答案 12 :(得分:1)

我问过互联网上的一些朋友,他们几乎代表我的应用程序的用户群。普遍的共识是蓝色和青色的某些色调很好。与MSN Messenger 8.5中的默认值完全不同。然后我用它来着色从灰度开始的颜色。

这就是我得到我的想法的地方。