logo标签列表

颜色参考：你的创意从哪里来？

user-interfacecolors
18

我是一个非常小的IT公司里唯一的开发者，因此在应用程序的外观方面遇到问题时没有人可以求助。我只能凭借自己的经验和想法来判断什么样式和颜色匹配。

这让我想知道其他程序员从哪里得到他们的颜色灵感呢？

难道就我一个程序员喜欢所有应用都是灰度吗？

有哪些网站、书籍、应用、技巧和诀窍可以为你自定义构建的应用程序增加一些生气和活力，使终端用户可能会欣赏呢？

3
哈哈，我也倾向于把所有东西都变成黑白色调。 - Tyler Carter
这个不应该打上颜色标签吗？ - Tyler Carter
1
我喜欢“colors”标签不是彩色的。 - Liran Orevi
1
我应该稍微改一下措辞，把它变成社区维基，还是现在已经太晚了，这样只会让人感到困惑？我没想到会得到这样的回应。 - Refracted Paladin
13个回答
19

我建议使用Adobe的Kuler。您可以导入图像，例如徽标，并让其建议一组5种配色方案，这些颜色能够很好地协调搭配。有许多不同的选择。此外，它还允许您保存自己的调色板。然后您可以浏览其他人的颜色组合。

2
哦不，我慢了一秒钟！ - quoo
1
Kuler的一个好处是它被整合到了许多Adobe应用程序中 - 我知道它在Illustrator中可用，但我认为他们最近将其添加到了Flash、Photoshop等其他几个应用程序中，这使得在设计应用程序时应用和更改颜色主题变得非常容易。 - quoo
11

我也喜欢使用灰度应用程序，但略带一点颜色也无妨。例如，经常在stackoverflow上浏览后，meta.stackoverflow.com看起来有些奇怪。如果你只是在寻找颜色方案的话，建议访问以下网站获取颜色建议：

http://www.colourlovers.com/

http://kuler.adobe.com/

对于排版方面，可以参考以下网站： http://webtypography.net/

或许还可以阅读一些优秀的设计书籍？比如我喜欢的这本书：http://www.amazon.com/Designer-Grid-Lucienne-Roberts/dp/2880466784

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/。
4
如果你正在为某个平台编程，最好遵循该特定平台的指南。（不要没有原因地改变系统颜色）
如果你正在为web编程，你可能会喜欢跟随一些主要web应用程序的主题，比如gmail。
3

我过去曾经使用过这个网站：

http://colorschemedesigner.com/

我建议您打开工具提示（进入“关于和帮助”>“显示工具提示”），这样当您将鼠标悬停在不同类型的配色方案上时，可以看到它们的描述。

2

向用户询问。就是这样。只需要问他们并采纳他们的建议。他们将不得不长时间盯着色彩方案，可能是数小时或数天；采纳他们的建议。

更新：我并不建议您给用户完整的选项范围；通常的做法是，为一小部分用户生成几种看起来合理的站点风格，并要求这些用户选择他们最喜欢的那一个。这样，事物看起来更连贯，但您仍然可以从终端用户那里获得用户输入。

:( 请查看Smandoli帖子上的评论 - Refracted Paladin
2

个人而言，我非常喜欢像DevExpress这样实现皮肤技术的UI框架。因此，用户可以切换到自己喜欢的外观。对于我们来说，只需要五行代码，我们的用户就总是很满意有这个选项。Vista、Office 2003和Office 2007只是我们为客户提供的不同选项中的一小部分。

1
+1自从开始使用DevExpress的产品以来，我已成为他们的铁杆粉丝。我喜欢他们的皮肤工具，因为现在我不再需要处理Refracted Paladin所谈论的问题了。 - joshlrogers
1
完全同意你的观点。我在我们公司内部使用DevExpress的产品中看到了这种现象。一些员工使用Vista风格、Office 2003风格或DevExpress自定义风格。我从未收到过关于我们应用程序外观和感觉的抱怨。 - Francis B.
我曾经在一家公司工作过，办公室里有一个人每隔几周就会重置他的系统颜色。那个时候是Win3.1，所以“系统”颜色实际上控制了所有东西。他使用了一些非常丑陋的组合…… - RolandTumble
2
给你的用户最奇怪的闪亮颜色组合（如紫色、绿色、鲜红色、粉色），你将获得来自用户的大量建议。即使你的颜色很奇怪，你也必须确保页面仍然在技术上可用但美学上难以忍受。确保单词和小部件可见，字母应使用深色，如深红、蓝色或深灰色，放在浅色背景上。淡化背景，使其不会妨碍用户的视线。如果您希望捍卫自己的颜色品味声誉，请放置一个“联系网站管理员”的链接，该链接指向一个免责声明，说明您的颜色方案是有意为之，因为您正在强迫用户设计、提交并投票选出一种颜色方案。何不编写一个简单的网络应用程序来促进投票呢？
创意和狡猾，我喜欢它！ - Refracted Paladin
1

我猜你有一些用户。我建议询问他们想要什么颜色。

除此之外，为了有效地传递数据，您必须将视觉杂乱最小化。灰色是帮助实现这一点的经过时间考验的工具。

从您的评论中我看到灰色是被鄙视的。那么，您可以拼写成“grey”——英式用语是经典时尚的。说真的，在这种情况下，您需要选择三种柔和的颜色。

1
谢谢您的发帖，我的意思是没有冒犯，但这正是让我来到这里的原因。在我们约有200个用户中，175个是护士或社工，其中75％年龄居中或更大，他们甚至不能同意我应该使用什么字体大小，更别提要遵循什么配色方案了。我相信我最后收到的指示是“让它漂亮点！” - Refracted Paladin
此外，我最后一次制作主要使用灰色的东西被嘲笑了；不是因为恶意，而是因为他们认为我在开玩笑！ - Refracted Paladin
2
哈哈！谢谢提供背景信息。看起来你最好的方法是不让他们知道UI设计有多种选择。但这只是事后诸葛亮。 - Smandoli
太对了！噢，好吧，下一个项目我就知道了！ - Refracted Paladin
1

我会建议你坚持使用你熟悉的东西，将它们变成灰度，但是加入一些颜色的提示和强调。

Adobe Kuler 是一个很好的工具，可以帮助你选择使用哪些颜色。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接