私は唯一のデザイナー/プログラマーであるペットプロジェクトをいくつか持っており、実際のユーザーが使いやすいようにユーザーインターフェイスを変更し、 「プログラマー」デザインで一般的な明るい黄色と緑を避けるために多くの時間を費やしています.
グラフィック デザイナーがいない場合に配色を選択するためのヒントはありますか? 典型的な「プログラマー」インターフェースを作成しないようにするにはどうすればよいですか?
jcarrascal
質問する
1763 次
16 に答える
28
kulerには、ユーザーが投稿した配色がたくさんあります
編集：思い出したところ... colorloversも試してみてください
于 2008-08-28T18:55:14.287 に答える
24
お話をさせてください。
私は審美的な選択をする自分の能力にまったく自信がありません.自信がないことは正当化されると理解するには、私が服を着る方法を見るだけです. とにかく、何年も前に、私は新製品の GUI の作成を担当しました (知っている人なら誰でもわかるように、Cineon の「クリップ エディター」)。私はデザインをスケッチしましたが、上司、販売およびマーケティングの責任者、およびさまざまな「アプリケーションスペシャリスト」に色の選択を手伝ってもらいました. 誰も反応しなかったので、私は「どうしよう」と言って、非常に醜い配色を選択したので、ベータテスターは恐怖で後ずさりし、変更を要求するに違いありません。しかし、そうではありませんでした。そして、お客様に愛されていると聞きました「大胆な色」。それだけでなく、数年後、競合他社が私のクリップ エディターを直接盗用したように見えるプログラムを自社の製品に追加し、私のカラー スキームをコピーしました。
于 2008-09-01T14:22:31.183 に答える
18
デスクトップ アプリの場合は、OS から色を取得します。個人的には、すべてのアプリのルック アンド フィールを OS と同じにしたいと考えています。
Web アプリについては、よくわかりません。
于 2008-08-28T18:56:25.813 に答える
5
世界の男性人口のほぼ 10%が何らかの重大な形の色覚異常を持っていることを覚えておいてください。インターフェースの色を選択するときは、常にこの点を考慮する必要があります (特に資本が必要な場合はどうでしょうか? 男性投資家の 10 人に 1 人は、リスクとリターンを示す緑色の背景チャートに赤い点が表示されていない可能性があります!)。
MSDNにはこれに関する合理的な概要があり、サイト (または任意のサイト) がどのような形の色盲であってもどのように見えるかを示すWeb サイト フィルターがいくつかあります。
それとは別に、私はCOLOURLoversが本当に好きです-ユーザーがタグ付けして定義した配色の素晴らしい選択を持っているだけでなく、さまざまな方法でそれらを提供し、サインインしてお気に入り（またはお気に入りの色）を追跡できますスキームプロデューサー）。
秋のテーマをチェックしてください！葉が変わるときのミシガンの色に間違いはありません...
-アダム
于 2008-09-03T03:32:47.720 に答える
3
色の選択についてよくわからない場合は、Kuler のようなカラー ガイドが最適です。
基本的な考慮事項:
デザインを差別化するには、色ではなくコントラストを使用します。これは、色盲や弱視のユーザーに対応するためです。
できるだけ限られたカラー パレットを使用します。「テーマ」として 1 つの色を選択し、その色の色合いを選択します。次に、対照的な色を 1 つまたは 2 つ選択します。
アドバイスを得る - デザイナーからである必要はありません。これらのことをよく知っている人を知っているかもしれません。また、より幅広いフィードバック - 何人かの人に意見を求めてください。
于 2008-09-01T13:34:24.730 に答える
1
私が使用するいくつかの更新されたリソース:
Colorotate.orgは、ユーザーが作成したさまざまなサイズのパレットを備えた適切に設計されたサイトです (パレットごとに 5 色しか提供しない kuler とは異なります)。組み合わせがさまざまなタイプの色覚異常者にどのように見えるかを確認できます。
colorschemedesigner.comは、さまざまなアルゴリズム (補数、トライアド、テトラッド...) を使用して、一貫したパレットを生成します。
于 2011-01-14T20:38:42.173 に答える
1
ColourSchemerとEasyRGBを使用するのが好きです。
于 2008-09-01T14:13:39.863 に答える
1
最近、私は次の Web サイトを使用しています 。私は通常、かなり気に入った色を見つけて、このウェブサイトから一致する色を使用します.
それでも駄目なら奥さんにも聞いてみます！
于 2008-08-28T18:57:34.190 に答える
0
計算色彩理論を読むことから始めることをお勧めします。ウィキペディアは、実際にはこのテーマについて自分自身を教育するのに最適な場所です。ウィキペディアで名前で色を調べてみてください。あなたはあなたが期待するより多くを見つけるでしょう。フィールドの概要がわかるまで、そこから分岐します。
分析の目を開発するときは、RGB、HSB、HSLなどのさまざまな色空間でのさまざまな表現の観点から、お気に入りの（または最も軽蔑されている）インターフェイスの色とパレットを理解することに重点を置いてください。Photoshop / GIMPを開いたままにして、パレットの主観的なエクスペリエンスを定量化可能な側面に一致させることができるようにします。お粗末なモニターで色がどのようにレンダリングされるかを確認してください。何が常に読みやすく、どの色の組み合わせがカリスマ性のない、または判読できない結果をもたらす傾向があるかに注意してください。特定のパレットによって伝えられる感情的な情報に注意を払ってください。パターンがすぐに現れるのがわかります。たとえば、UIコンポーネントでは、特別な目的を除いて、彩度の高い色を避けるのが最適であることがわかります。
最終的には、ここで推奨されているパレットジェネレーターの出力を分析できるようになります。また、何が適切に一致するか、ほとんどのディスプレイで適切に再生するために必要なコントラストについて、独自の理論を開発します。
（潜在的な欲求不満を避けるために、Pantoneの無料の色覚テストにスキップすることをお勧めします。色調整されたディスプレイで行うのが最適です。色覚が悪いと表示される場合は、数値分析が非常に重要です。）
于 2010-03-03T07:33:39.513 に答える
0
なぜプログラマーは彼らがデザインスキルを持つことができないと思うのですか？それは私のペットのぞき見です。他のものと同じように、それは学習可能なスキルです。
于 2010-05-17T12:54:24.527 に答える
0
アプリの「テーマ」カラーを選択する場合、Kulerを使用してパレットを具体化できます。
関連記事：
- Web 2.0 の色の組み合わせ
- 私はもっと見たことがあることを知っていますが、それらを見つけることができません:)
于 2008-08-28T18:59:19.427 に答える
0
私は黒と白に加えて多くのグレーを使用する傾向があり、物事をシンプルに保ち、煩わしい明るい色は避けます. それがSOの人たちがしたことのように私には思えます。
于 2008-08-28T18:59:52.653 に答える
0
Web デザイナーと Web 開発者のための Vitaly Friedman の Essential Bookmarks には、多数のオンラインカラー ツールがリストされており、これも要約版です。
twiki.orgには、いくつかの追加サイトを持つカラー ツールのリストもあります。
于 2008-08-28T19:43:05.703 に答える
0
Adobe のKuler Web サイトには、デザイナーがアップロードしたユーザー作成のカラー スキームが多数あります。私は通常、上位のスキームを最初に検索します。
于 2008-08-28T18:57:08.947 に答える
0
ウェブ上にはたくさんの「カラー テーマ ピッカー」があります。これらを使用すると、色が少なくとも一緒に属しているように見えます。Google で最初に見たもの: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx ?
于 2008-08-28T18:57:13.597 に答える
0
本格的な色よりもわずかに暗いパステル カラーを目指します。たとえば、パステル カラーの赤は (255,0,0) 赤よりも暗いです。同じパレットから色を選択してみてください。私が使用する配色を決定する不正な方法の 1 つは、Office 2007 アプリ (通常は Excel) のスクリーンショットを撮り、カラー ドロッパー ツールを使用して調整されたパレットからいくつかの色を貼り付けることです。 Paint.NET のようなアプリ。実際、このチートなアプローチは、あなたが賞賛する配色を持つアプリケーションから配色を「借りる」ことに拡張されます:-)
于 2008-08-28T18:59:06.137 に答える