戰鬥編程器顏色

Question

我有幾個寵物項目，我是唯一的設計師/程序員，我花了太多時間更改用戶界面，使其更容易使用由真實用戶和避免明亮的黃色和綠色在「程序員」設計中非常普遍。

當您沒有圖形設計師時，您是否有提示選擇配色方案？你如何避免創建典型的「程序員」界面？

Answer 1

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

編輯：只記得......還嘗試colorlovers

Answer 2

對於桌面應用程序，從OS得到的顏色。我個人希望我的所有應用程序的外觀和感覺與我的操作系統相同。

對於網絡應用程序，我不太確定。

Answer 3

Adob​​e的Kuler網站上有很多由設計師上傳的用戶創建的配色方案。我通常首先搜索排名較高的計劃。

Answer 4

網絡上有很多「色彩主題採集器」。如果你使用這些顏色，你的顏色至少會看起來像他們一起。我在google上看到的第一個：http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx？

Answer 5

最近我一直在使用以下網站：http://www.nickherman.com/colormatch/ 幫我（也是非設計師）選擇配色方案。我通常會找到一個相當令人滿意的顏色，然後使用本網站的配色。

如果一切都失敗了，我也會問我的妻子！

Answer 6

目的是爲了比它們的完整對象略微暗淡的淡色，即淡紅色比（255,0,0）紅色暗。嘗試從同一個調色板中選擇顏色，我使用的確定配色方案的一個祕密方法是截取Office 2007應用程序（通常爲excel）的屏幕截圖，並使用顏色滴管工具在其協調的調色板中粘貼一些顏色像Paint.NET的應用程序。事實上，這種巧妙的方法可以擴展到已經存在的應用程序中的「借用」顏色方案，這些應用程序有你喜歡的顏色方案:-)

Answer 7

如果你爲你的應用選擇了「主題」顏色，你可以使用Kuler幫助充實調色板。

相關崗位：

• Web 2.0 Color Combinations
• 我知道我已經看到更多的，但無法找到他們:)

Answer 8

我傾向於使用灰色的很多，與黑色一起和白色，讓事情簡單，避免任何惱人的，明亮的顏色。在我看來，這就是那些SO男人所做的。

Answer 9

維塔利·弗裏德曼的網頁設計師必備的書籤& Web開發人員列出了大量的在線color tools，也condensed version

還有一個list of color tools on twiki.org，有一些額外的網站。

Answer 10

像Kuler這樣的色彩指南是一個很好的開始，如果你不知道選擇顏色。

一些基本的考慮：

使用對比色不是在你的設計來區分。這是爲了適應色盲和視力不佳的用戶。

儘可能限制使用調色板。選擇一種顏色作爲「主題」，然後選擇該顏色的色調，然後使用一種或兩種對比色進行設置。

獲得建議 - 不一定是來自設計師，你可能仍然知道有人對這些事情有很好的關注。此外，更廣泛的反饋意見 - 請問幾個人的意見，這可以提供幫助。

Answer 11

我喜歡用ColourSchemer和EasyRGB。

Answer 12

讓我告訴你一個故事。

我對我的審美選擇能力絕對沒有信心 - 你只需要看我穿着的方式，意識到自己缺乏自信就有理由。無論如何，多年前，我負責爲新產品編寫gui（Cineon的「剪輯編輯器」，任何知道這一點的人）。我畫出了一個設計，但問我的老闆，銷售和市場營銷主管，以及各種「應用專家」來幫助選擇顏色。沒有人迴應，所以我說「地獄與它」，並選擇了一個如此醜陋的配色方案，我相信測試者會驚恐地退縮並要求改變。但他們沒有 - 所以它隨附了它。我聽說客戶喜歡的「大膽的色彩」。不僅如此，幾年後，競爭對手添加了一個程序，看起來像是我的剪輯編輯器直接從他們的產品中剝離出來的，他們複製了我的配色方案！

Answer 13

請記住，世界上男性人口的nearly 10%有一些顯着的色盲形式。在選擇界面顏色時，您應該始終考慮這一點（特別是如果您需要資金 - 猜猜看是什麼？10個男性投資者中有1個可能在綠色背景圖上看不到您的紅點，顯示風險與回報！）。

MSDN對此有一個合理的概述，並有幾個website filters顯示您的網站（或任何網站）看起來像給出任何形式的色盲。

除此之外，我真的很喜歡COLOURLovers - 他們不僅有很多用戶標記和定義的配色方案供選擇，他們以各種方式給你，並且你可以登錄和跟蹤你的收藏夾（或您最喜愛的配色方案製作者）。

去看看秋天的主題！不能出差錯與密歇根顏色時，葉子改變...

- 亞當

Answer 14

我建議你通過計算色彩理論研讀啓動。維基百科實際上是一個很好的教育你自己的主題。嘗試在Wikipedia上查找姓名的顏色。你會發現超出你的預期。從那裏分支直到你有了這個領域的概要。

當你開發你的分析眼睛，關注於理解你最喜歡的（或者最被鄙視的）界面顏色和調色板，它們在不同顏色空間中的各種表示：RGB，HSB，HSL。保持Photoshop/GIMP打開，以便您可以將調色板的主觀體驗與其可量化的方面相匹配。看看你的顏色如何渲染糟糕的顯示器。注意什麼始終是可讀的，哪種顏色組合趨於產生不引人注目或難以辨認的結果。注意特定調色板傳達的情緒信息。你會很快看到模式出現。例如，您會意識到，除了特殊用途之外，在UI組件中最好避免使用高飽和度顏色。

最終，您將能夠分析這裏推薦的調色板生成器的輸出，並且您將開發自己的關於什麼使得匹配良好的理論，以及需要多大的對比度才能在大多數顯示器上發揮出色。 （爲了避免潛在的沮喪，你可能想跳過Pantone的免費色彩感知測試，最好在彩色校準過的顯示器上進行測試，如果它說色差很差，那麼數值分析對你來說就更重要了。 ）

Answer 15

爲什麼程序員認爲他們不具備設計技能？這是我的寵物。這是一種可學習的技能，就像其他任何東西一樣。

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

Answer 16

一些更新的資源使用：

Colorotate.org是一個很好的設計位點具有各種尺寸的用戶貢獻的調色板（不像的Kuler提供每調色板僅5種顏色）。它可以讓你看到組合如何看待各種顏色受損的人。

colorschemedesigner.com產生一致的調色板您使用各種算法（補充，黑社會，四分...）