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

私は自分がいる会社のウェブサイトを構築していますが、マーケティング部門は色の余地をあまり与えていません。#2DCCD3ロゴにあるため、どこでも使用する必要があると彼らは言いますが、飽和し、限定されているウェブサイトは、青を使用する他のすべてのウェブサイトのように見えます。 同社にはブランド戦略が実装されておらず、至る所にあります。私の考えは、ウェブサイトを定義した後にそれを構築することです。 私の質問は、彼らは正しいですか？記憶に残るウェブサイトを損なうようなブランド認知のためにその色を使用すべきですか？ 私がウェブサイトに提案するカラーパレットは次のとおりです。 勾配：#ff2645〜#d05822 ホバーイン： #ff2645 次のテキスト要素とソリッド要素： #fff ベースのアイコン： #0F8186 追伸 すべてのページに勾配があるわけではありません。

17 website-design  color  interface-design  color-theory 

色知覚の背景： 人間の目の性質と脳による視覚処理により、同じ色が背景によって異なるように見えるという錯覚があります。 以下に示すコントラスト効果として知られています—中央の長方形は同じです： ソース：ウィキメディア NASAによるイラスト（およびレポート）は、背景の色の効果をさらに明確にします。 出典：NASA Color Usage Research Lab （2番目の画像の最上部の2つの色は同じように見えますが、実際には完全に異なっていることに注意してください。） Webデザインはどうですか？ 私の質問はWebデザイン、特にこの場合、さまざまな背景のリンクテキストの色に関するものです。 特定の色のテキストに対して、特定の背景で同じように見えるように補色を見つけるにはどうすればよいですか？ この質問の例を見てみましょう。 #FFF000以下の背景に黄色のテキストが付いた私の例を検討してください。 白#FFFFFF、 黒#000000、 とグレー#555555。 予想どおり、まったく同じようには見えません。（ここで.PSDファイルを表示およびダウンロードします。） 3つすべてで同じように表示するにはどうすればよいですか？明らかに、白い背景のテキストは濃い黄色である必要があり、灰色のテキストは色相/トーンの調整が必要です。（周囲のテキストも影響しますが、それを説明するのは難しいでしょう。） 16進数、RGB、または別のシステムに基づいて、この完璧な色を何らかの方法で計算できますか？手動で近似するよりもはるかに効率的であるため、これがこの質問の核心です。

16 website-design  color  color-theory  color-profile  color-conversion 

開始色と終了色が与えられた場合、それらの間の色の範囲をアルゴリズムで生成することは可能ですか？たとえば、下の画像の始めと終わりに青とグレーの明るい影と暗い影がある場合、中間の影をどのように生成できますか？ 私が考えている解決策の1つは、2つの色からグラデーションを作成し、そのグラデーションに沿って等距離のポイントで色をサンプリングすることです。それが最良のアプローチである可能性が高いですか？

15 color  color-theory 

私はプロのデザイナーではありません。つまり、大学などでグラフィックデザインを学んだことはありません。やりたかったのですが、多くの条項がそれを許しませんでした。 一方、私は実際に15歳からグラフィックデザインをやっています。そして、同等のバックグラウンドを持つ他の人々から見たものと比較して、私は非常にうまくやっています。 私の問題：通常、物事を特定の方法で配置、スタイル、レイアウト、入力、または色付けする必要があると感じることがありますが、その理由はまったくわかりません。 私のような人々が私が下す直観的な決定の背後にある理由を知る最良の方法は何でしょうか？ これは一般的にはやや望ましくない意見に基づく質問なので、次の点がStackExchangeに準拠した良い質問になると思われます。 空き時間にしか学べません。大学に行くようなフルタイムの勉強を勧めないでください。（子供を養うためにお金を稼ぐために並行して働かなければなりませんよね？） 私は、ランダムな速度で学習することを好みます。例えば、理解できなかった場合に繰り返すことです。また、出張中なので、3週間は何もしません。 安価または無償の学習が望ましいです。 良いデザインの本のリストは他のどこかに既にあると思うので、それをスキップしてください。 本を除いて、学習のタイプは本当に重要ではありません。 学習フェーズの終わりに、同僚に物事を変える理由を伝えることができるはずです。例えば 「危険を意味するので、ここでは赤を使用しないでください」 「3つ以上の異なるフォントを使用しないでください。...」 「距離を等しくする、なぜなら...」 今日の私の理由は「見苦しいから」ですが、人々はその説明にあまり満足していません。 どのような解決策を考えていますか？ オンライントレーニングです デザインが表示され、変更する内容に答える必要があります ウェブサイトは私が正しいかどうかを教えてくれます。多分ゲームのように。 ウェブサイトは、それが正しい理由を教えてくれ、理論的背景を読むためのリンクを提供しています。（初心者モード） 次のステップでは、理由も説明する必要があります。（次のレベル） このような（またはより良い）ものが存在するかどうかはわかりません。そして、私は英語を母国語としないので、そのようなものを見つけるためにどの検索語を使用する必要があるのか​​わかりません。

15 design-principles  color-theory  resource-recommendations 

多くの場合、色の使用が解決策であるドキュメントを設計するときに、どのような問題に直面しますか？ 実際にドキュメントで色を使用する場合、どのような問題に直面しますか？ 成熟したドキュメントデザインおよび組版ソフトウェアの次のメジャーバージョンのガイダンスを提供しようとしています。この次のバージョンでは、プロジェクトの大部分をどこに配置する必要があるかについてはよく考えていますが、業界の現実の問題を解決するために色のサポートを作り直す必要があります。 この時点ではソフトウェアの色の部分はワイヤーフレームのようなものなので（クレヨンがすり減って描かれた長方形のようなものです）、この領域で色がどのように使用されるかについて詳しく知りたいと思います。私はそれについて考え、夜のほとんどについてインターネット調査を行いましたが、私は3つ以上の使用法を思いつきませんでした： ページのさまざまな部分に特別な注意を引くため ページ上またはページ間での迅速なナビゲーションを可能にするため コピー防止対策を実施するには これらはすべて私の個人的な、非常に限られた経験から少し工夫されており、一部は私が自問しようとしている核心的な質問への回答を促しません： 多くの場合、色の使用が解決策であるドキュメントを設計するときに、どのような問題に直面しますか？ 実際にドキュメントで色を使用する場合、どのような問題に直面しますか？ 私はそうでも、私は知らないのか分からない教科書/エッセイ/記事も歓迎されていると、このドメインでそう外部参照を。

13 color  typography  color-theory 

私のデスクトップの現在の配色は、赤いパレットを使用しています。代わりに緑色に変更したいので、配色設定ファイルを調べて、すべての色の値を「回転」させて、RGBがBRGになるようにします。たとえば、（214,73,55）は（55,214,73）になります。 私が得た印象は、緑の配色が古い赤の配色よりもずっと明るく見えたということでした。どうやらこれは、異なる直感的な輝度レベルで異なる色を知覚するためです。緑の配色の見た目と同じ見た目の明るさを維持する単純なRGB回転の代わりに使用できる式はありますか？色のセット全体をある基本色相から別の色相に最適に変換する方法に関するガイドラインはありますか？

13 color  color-theory  color-conversion 

これはグラフィックデザインよりも科学的な視覚化ですが、理論は同じだと思います。データを視覚化するために使用されるカラーマップでは、色の帯が必要なときに目立たなくなることがよくあります。私は、彼らがの形だと考えていマッハバンド？ たとえば、このバイポーラカラーマップを使用すると、次のような画像が生成されます。 ほぼ0.2前後のネオンオレンジのリングに似ています。以下は、RGBコンポーネントのプロットと、黒での相対輝度の計算です。 私はバンドを取り除くために手動で微調整し、いくらか成功しましたが、その背後にある理論を本当に理解していません。 それはより良いですが、私はまだその中にバンドを見ます。 別の例として、ホットカラーマップの場合、バンディングを防ぐために輝度プロットを線形化する必要があると思いましたが、実際には機能しませんでした。 黄色とオレンジのバンドはまだ残っていますが、移動して少し塗りつぶしただけです。したがって、輝度プロットの不連続性は問題の原因ではありません。 バンディングなしで色をスムーズに移行するにはどうすればよいですか？ラボの色空間などで滑らかな曲線を作成するためのルールはありますか？（編集：ああ、私はこの例を見つけました：「カラースケールはL a b *色空間を使用して計算されます。これはL *方向に沿って均一なランプに従い、a * -bの半円形のパスに従います* 飛行機。"） 更新：これは、RGBキューブ内のこのカラーマップのプロットで、user568458が話している鋭角を示しています。

13 color  gradient  color-theory  color-spaces 

過去10年間で最も成功したWebベースのスタートアップ（Facebook、Instagram、Twitterなど）の最初のページを見ると、青色の広範な使用が確認されています。グラフィックデザインに関して、青色の背後には技術的な意味がありますか（例：社会的相互作用、信頼、「冷静さ」）。それとも単なる偶然ですか？

12 color  color-theory 

基本的な色理論は、グリーン、イエロー、レッドのカラーパレットは笑えるほど醜い、それらは衝突する色であることを私たちに教えています。緑を目立つ色とすると、それに似た色は赤と青になります。そのような配色には黄色の余地はありません。 それで、ユーザーを盲目にすることなく、緑、黄色、赤を配色に組み合わせる方法はありますか？ 私の例として、あるユーザーの実際のスキルレベルに対して、プロジェクトに必要なスキルレベルを測定するためにこれらの色が使用されているWebサイトのページがあります。緑はこのレベルを満たしているか、超えています。黄色は期待のわずかな不足を示し、赤は十分ではないか、特定のスキルにまったく欠けていることを示します。 これが私の例です（文字の周りのオレンジと灰色のフィールドは無視してください。これらは無関係です）。 これはかなりひどいように見えることに私たちは皆同意することができますが、それは私が固執する必要があるこの形式であり、全体が緑、赤、黄色です。：/ グラフィック/ウェブデザイナーとは対照的に、主にプログラマーであるため、色理論とユーザーエクスペリエンスについての私の理解は限られています。 それにポイントを置くために、私の質問は、ユーザーエクスペリエンスを損なうことなく、伝統的に衝突するカラースキームをどのように確立できるかということです。 （私の質問が不適切な場合は削除します。どこに質問するかわからなかったので、最も適切であるように思われました）

12 color-theory  user-experience 

Photoshopなどで画像を編集するときに、画像をLabカラーモデルに変換する提案がよく見られます。これを行うことの長所と短所は何ですか？ Lab Colorが役立つ特定の機能やタスクはありますか？Lab Colorを使用すべきでない特定のケースはありますか？Labカラーモデルの色域がCMYKとRGBの両方よりも広いことを理解しています。色域外の色を使用すると問題が発生しますか？ ベクター画像でラボカラーを使用するメリットはありますか？たとえば、Illustratorでは、ドキュメントレベルでLabカラーで作業することはできませんが、スポットカラーを作成したり、Lab値を使用してアートワークの色変更機能を使用したりできます。これを行うことで何か利点はありますか？ おまけの質問：「LAB」、「Lab」、または「L * a * b *」ですか？私は定期的にすべてが使用されているのを見ます。

11 color-theory  color-spaces  image-editing  technique  perception 

パズルゲームの色のリストを整理しようとしています。RGBの1次、2次、および3次の色の信頼できるリスト（名前と色の値）を見つけることができますが、これを超える信頼できるリストは見つかりません。 カラーホイールは、それらを除外するか、名前のない何百万もの他の色と重ねます。 「4成分」と見なされる色のリストの信頼できるソースはありますか。それ以上のレイヤーの色でさえも可能ですか？

11 color  color-theory 

（最初の投稿、いいね！）印刷用のファッションルックブックに取り組んでいて、黒の背景に製品の色を表示していますが、黒に黒を表示する必要がある場合はどうすればよいですか？例： 3色ありますが、黒は黒では判読できないので、デザインをあまり損なわずに視認性を向上させるために何ができると思いますか？黒い背景のFYIを変更できません。画像の黒い点は、完全に黒（＃000000）ではありませんが、実際には＃20201fであると思いますが、テスト印刷を行ったところ、基本的に見えませんでした。

11 print-design  color-theory  black 

私はダークオンライトとライトオンダークの果てしない戦争に行きたくありませんでしたが、最近私は興味深いものを発見しました：ライトオンダークのテキストはまだ私の目を疲れさせません（そして私は個人的にも好みます）それ以上）、ライトオンダークはテキストのコンテンツに私の注意を向けた方が良いように見えました。言い換えれば、それはあなたが読んだものにより集中するのに役立ちます。これは、読むのに数分かかる長いテキストの場合、より顕著になります。 私は、テキストがより理解しやすく、読み手にくっついて、読みやすさに集中している人のためではなく、記憶から思い出しやすくするために行われた、あらゆる論文、研究、測定、Google Analyticsなどを探しています。 。 誰かが何らかの方法で研究を行ったことがありますか？

11 color-theory  contrast  content  research  readability 

私がサイトをデザインしている会社には、協力しなければならないロゴがあります。標準のカラーパレットとレイアウトに関する私のすべてのアイデアは、このロゴに挑戦されています。これは6つあります。それらはロゴのコンテキスト内では問題なく見えますが、それらのいずれかを他のデザインに変換するのは困難です。唯一有望なのは、ほとんどニュートラルな色の使用ですが、私の意見では、サイトは少し退屈に見えます。 誰もがこのような状況のヒントを持っていますか？ 編集：答えをありがとう、みんな。私は実際のロゴを投稿するのは快適ではありませんが、これを一緒に投げて、色とそれに対応する優位性に関する限り、私が作業しているものについてのより良いアイデアを提供します- 色の組み合わせの音を実際よりも悪くしたのは、私がこれを考えすぎたためです。最近の設計の反復はかなりうまくいきましたが、クライアントが実行しなければならないDA01の1色の提案が組み込まれています。それは多くのオプションを開きます。

11 website-design  color-theory 

これは、色の側面があるtex.stackexchangeで私が尋ねた質問に関連しています。その質問の結果は次の画像です。 左側に一連の灰色の四角を描き、右側に赤い枝を残しました。目標は、彩度が異なり、すべて同じグレー値を持つ赤い正方形を作成することです。hsvカラーモデルではすべて同じvですが、Gimpを使用して画像をグレースケールに変換すると、同じグレーに変換されません。また、視覚的な印象としては、右側の赤い正方形が左側の赤い正方形よりも暗くなっています。 特定のグレーが与えられた場合、特定の色相と同じグレー値（または、さらに良いのは同じグレーの印象）の色をどのように計算できますか？画像で使用されている色はすべて計算されるので、計算を組み込んだソリューションも好みます。 ここでは間違った用語を使用した可能性があります-私は機械エンジニアなので、必要に応じて修正するか、説明を求めてください。 ラボのカラースペースを使用するという提案から、いくつかの結論に達しました。 LabモデルのL値を使用して、さまざまな色に何らかのグレー値を設定できます。HSVモデルでは、これはvです。実際にそれらを比較することが許可されているかどうかはわかりませんが、誰かが不平を言うまでそれを行います。 hsvモデルでは、Labモデルにはない「ベースカラー」（色相）を設定することもできます。 hsvモデルでは、2つの定数（上の図ではh= 0、v= 0.375）と1つの変数（s）があります。 この時点まで、Labモデルには定数が1つしかありません。これは、私がすでにhsvモデルで作成したものに似たものを生成するには十分ではありません。 実験の時間だと思います。 できた！変換コードを実行した後、それは非常に簡単でした。最初のステップは、右側の「ターゲット赤」を定義することでした。RGB2Lab（255,0,0）を計算し、結果のL値を図の目的のLに変更しました（L = 62.5）。色は、（L、0,0）から（L、aTarget、bTarget）までのラボ空間で線形補間を使用して計算されます。結果： ありがとうございました！

11 color  color-theory  color-spaces