タグ付けされた質問 「color-theory」

色混合のガイダンスと特定の色の組み合わせの視覚的影響に関する質問。

15
初心者デザイナー向けのヒントとリソース
インターネットのおかげで、グラフィックデザインとプログラミングはますます重複する分野になりつつあります。 プログラマーとして、私はグラフィックデザインの基本的な知識を常に必要としていますが、徹底的かつ簡潔なグラフィックデザインの学習リソースを見つけるのに苦労しています。 あなたの経験では、効果的で質の高い学習教材であるWebデザインの初心者レベルの概要を提供する、いくつかのヒントを提供したり、良い本、チュートリアル、ブログ、Webサイトを推奨したりできますか？画像編集ツールの使用方法に関するヒントを探しているわけではありませんが、それらの基本的な把握を前提として、新しいデザイナーがプロフェッショナルなデザインを作成するのに最も役立つリソースとアドバイスはどれですか？
7
CMYKを初めて発見したのは誰ですか？
何年もの間カラー印刷に使用されてきましたが、明るいピンク色（マゼンタ）、ライトブルー（シアン）、黄色、黒を混ぜてほぼすべての色を作成できることを最初に発見したのは誰ですか？彼らはどうやってこれを発見したのですか？ （より正確には「CMY」-黒（K）は厳密には必要ありません）
14
選択した色の周りにパレット/配色を構築するのに役立つリソースまたはツールはありますか？
構図、フロー、デザインのラインがどれほど優れていても、自然から直接コピーしていない場合、適切な配色を選ぶのは非常に困難です。単調すぎるか派手すぎるかのいずれかです。 2色または3色の配色を選択するのに役立つ良いリソースがありますか？色は衝突しませんか？ 特定の色や配色を探しているわけではありません。必要なのは、デザインで作業している主要な色に合わせて、またはそれに適した色を選択するのに役立つリソースです。
5
Googleのマテリアルデザインのパレットに似たパレットをどのように生成しますか？
Googleのマテリアルデザイン仕様には、カラーパレットのセットがあります。 「500」と指定されている基本の原色から始めて、約10色の範囲を作成するために、さまざまな段階的な明暗の段階があります。最も明るいものは「50」と指定され、白に近く、最も暗い「900」は黒に近いですが、どちらも基本色の一部を保持しています。 増分の計算方法を決定することはできません。このオンライン見本ジェネレーターを試しましたが、範囲内でダイヤルできないようです。 基本の「500」色から明度を上下に調整するだけの問題だと思います。「0」の値は真っ白、「1000」の値は真黒になると推測していますが、Googleの範囲はパレットは、単純な輝度範囲よりも彩度が高いようです。 基本色を取得し、Googleのパレットに合わせてパレットを生成するために使用できるアルゴリズムまたはプロセスを知っている人はいますか？
5
テキストに純粋な黒の代わりに非常に暗い色を使用する目的は何ですか？
一部のWebデザインでは、デザインに純粋な黒色（hex＃000）ではなく、ほぼ黒色のフォント色（hex＃001c00）が実装されていることがわかりました。 デザインは実際にこれから恩恵を受けますか、またはこれは実際に黒い色を使用するのと同じですか？ 私は趣味のWebデザイナーおよび開発者であり、違いを把握できないようです。
10
「ドレス」の錯視を他の画像にどのように正確に再現できますか？
いつの日か知られるように、今では全世界が「ドレス」の錯視に精通していると確信しています。私の質問は、この幻想を他の画像にどのように再現できるかということです。 ソーシャルメディアの暗黒時代に住んでいる人のために、ここに画像があります： 一般的に、一部の人々は、黒と青の正しい色を見るために焦点を合わせる必要があります。目を再調整して、ゴールドとホワイトを見ることができますが、非常に困難です。ほとんどの場合、黒と青を見ると、他の方法で行くことはできません。 繰り返しますが、問題は、この錯覚をさまざまなデザインで使用するためにどのように再現できるかということです。
3
目にやさしいのは、暗いときに明るいですか、暗いときに明るいですか？
私の最新のウェブサイトに取り組んでいる間、私は実際に小学校で学んだことは本当かどうか疑問に思い始めました。私は、Wordのようなプログラムは、常に明るいオンライトであった古いリンのディスプレイよりも目に優しいため、デフォルトで黒いテキストの白い背景を使用することを教えられました。しかし、暗い背景で明るいテキストを読む方がずっと痛くないということがますますわかっています。私のレンズは負担が少ないように感じ、虹彩は全体的な光のレベルが低いため、よりリラックスできます。 私はhttp://BHStudios.org/aboutで両方をテストしました これらのテストの結果を確認するには、サイドバーのドロップダウンの[モダン]カテゴリで[ダーク]テーマと[ライト]テーマを切り替えます。（この機能はInternet Explorerではまだ機能しません）（EDIT 2015-03-02この機能は、すべてのテーマが暗闇のように変更されました） だから、暗闇の方が読みやすいのは本当ですか？これらのプログラムが進んでいる、またはそのようなものであると信じるようにと言われただけですか 暗闇への変更は、視覚的な快適さよりも紙上のインクをシミュレートするためのものでしたか？
5
純粋な青が純粋な緑よりも暗いのはなぜですか？
100％の緑と青をグレースケールに変換すると、青の1つが約2倍暗くなります。 緑がより明るく見えることがわかりますが、その背後にある理由も理解したいと思います。 RGBモデルの色を見る： 純粋な青= 0赤0緑255青 純粋な緑= 0赤255緑0青 では、なぜ純粋な緑は純粋な青よりも明るいのでしょうか？
4
この色のグラデーションが他の色のグラデーションよりもはるかに魅力的であるのはなぜですか？
私は開発中のサイトでいくつかのグラデーションをいじっていましたが、特定の色が他の色よりも魅力的である理由の背後にある心理学またはその他の意味に本当に興味があります。 現在のサイトは次のとおりです。 グラデーションはデザインにとって非常に自然に見えます。しかし、ミキシングとマッチングを開始すると、次のようになります。 「自然」に見える別のまともなグラデーションを見つけることができないようです。これらの色の混合をどのように知覚するのか、心理学の背後にあるものを疑問に思っています...グラデーションでうまく調和する色を見つけるためのある種のルールはありますか？私はそれがあなたが行っている感じの種類に依存すると思います。ありとあらゆる入力に感謝します！
8
この色の組み合わせを読みやすくするにはどうすればよいですか？
私は既存のウェブサイトを改善しようとしていますが、これが私が始めていることです： <body style=' background-color: rgb(50,101,152); color: red; text-decoration-color: red; text-decoration-style: solid; font-size: 12px; font-weight: 700; font-family: "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif; //text-shadow: 0px 0px 15px white; '> This is hard to read! </body> この色の組み合わせは読みにくいと思います。他の人は同意しませんが、コントラスト、明るさ、およびその他の表示プロパティ（視野角さえ）に大きく依存することに同意しました。 私はすでにかなりの実験をしている-webkit-text-stroke、text-shadow（上記のコードを参照）が、私は一つのディスプレイ上で物事を改善するよう、それは別の悪くなります。 全体的な配色を維持しながら、これをさまざまなディスプレイでより読みやすくするために他に何ができますか？
4
配色を考えて、ウェブサイトのデザインにどのように適用しますか？
議論すべき具体的なものがあるので、この配色があるとしましょう。 ソース 補色、単色などに基づいてコヒーレントな配色を選択する方法については多くの記事がありますが、色のセットを取得したら、どの色がヘッダーであり、どの色がリンクであり、どの背景であるかをどのように決定しますかとテキスト。暗い場所にライトを点灯するか、暗い場所にライトスキームを使用するかを決めたとしても、画面に残りの色を配置すると、サイトが見苦しくなります。 どの色がどこに行くかを決めるのに役立つ経験則や一般的なガイドラインはありますか？
7
可能な色が補色である場合、不確実な色のボックスを視覚化するより良い方法は？
色付きのボックス（展示1および2）で表される特定のアイテムを含むイラストを作成しようとしていますが、色はさまざまなタイプのアイテムを区別しています。これらのボックスの外観（形状、色など）が固定されていると仮定します。次に、タイプが不明のアイテムを表す3番目のタイプのボックスを作成する必要がありますが、それは青色タイプまたはオレンジタイプ¹のいずれかです。私はこれをどのように行うのが最善かについて苦労しています。 ここに私がこれまでに考えたことと、なぜ私がそれに満足していないかを示します： 図3：ボックスの塗りつぶし色を分割し、疑問符を白にします。オレンジ色の地面にある疑問符の部分はよく見えません。 図4：ボックスの塗りつぶし色を分割し、疑問符を黒にします。青い地面の疑問符の部分はよく見えません。 図5：ボックスと疑問符の塗りつぶし色の分割。疑問符は、1文字として認識するのが困難です。 図6：青とオレンジの間の平均的な塗りつぶし色を使用します。この2つは相補的であるため、青とオレンジのみが可能な状態であり、これが2つの間のある状態についてではないことを十分に明らかにしていません。 状態が不確実であることを示すために必要な塗りつぶし以外のインジケータを検討するため、上記のすべてに疑問符が含まれています。ただし、このインジケータは疑問符である必要はありません。 私の質問は、これを視覚化するより良い方法はありませんか？ これが重要な場合：科学的なポスターの場合（つまり、約1 mの距離から読み取り可能）、各ボックスの幅は約1 cmです。背景は白です。印刷結果の色を微調整することはできませんが、私が得たものと一緒に暮らさなければなりません。 ¹実際には、オレンジと青の両方であるケースは、コンテキストによって明らかに除外されます。
4
色の選択について議論する方法は？
私は主にUX / Interaction Designerですが、かなり小さな会社で働いているため、グラフィックデザインとビジュアルデザインにオーバーラップする必要があります。これで問題ありませんが、いくつかの問題があります。 現在、アプリ用のカラーパレットを作成していますが、それはうまく機能すると思います。クーラーなどのツールを使用して、良いバランスを見つけました。 私はUX内での決定を主張するために、論理的根拠で設計決定をバックアップするのに慣れていますが、私の問題は、カラーパレットを選択する際に決定をバックアップするための背景知識がすべてないことです。私はチームの他のメンバーからの意見に直面しており、彼らに反論する方法はありません。そのため、決定に至るのは困難です。 私の質問： カラーパレットを提案するとき、どのような理論的根拠を呼び出すことができますか？また、この場合の決定について、どのように議論できますか？
5
色相、彩度、値の関係は何ですか？
グレースケールの絵の上に色を追加する人がいて、彼らの色は素晴らしく見えますが、自分でやると、色がひどく見えます（カラーホイールから選ぶ色ではなく、汚い）。トーンとバリュー、そしてカラーホイールについて学ぶ必要があると言われます。私はこのサイトや他の人から、トーンは本当に色相であり、それを本当に色と呼んでいます。しかし、飽和と価値がこれにどのように作用するかはわかりません。 色相、彩度、値の関係は何ですか？また、この要素はグレースケール画像の色付けにどのように影響しますか？ そして、カラーホイールの適切な説明でさえ、おそらく役立つでしょう。ありがとう。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.