web-dev-qa-db-ja.com

暗い非中間色はページの背景に適していますか、それとも黒や暗い灰色のような中間色に行く方が賢明ですか?

私は非営利目的でサイトを仕上げているところです。背景色がどうあるべきかについて少し議論しています。

enter image description here

上記のスクリーンショットに示すように、私はダークグレーのような中間色の必要性を強調しようとしていますが、ディレクターは下のスクリーンショットに示すようなダークグリーンの色を望んでいます。 enter image description here

私の主張は、後者の場合の色のコントラストはかなりシャープであるが、前者の場合は目に優しく、したがってユーザーエクスペリエンスが向上するというものでした。背景にどのような色を使用する必要があるかについての研究はありますか?

目標は、ユーザーがサイトをスキャンしたときに読みやすくし、急激な遷移を減らすことです

6
Mervin

ウェブサイトの背景には、テーマを設定し、サイトの雰囲気を一目で設定する力があります。しかし、背景の主な目的は、視覚的なエクスペリエンスを向上させることであり、コンテンツからユーザーを過度に注意散漫にしないことです。

分析:

  • 背景が灰色の画像は奥行きがあり、コンテンツ領域が前面に出ているような感覚があります。しかし、色と質感は、積極性、希望と人生のように見えるコンテンツ領域のテーマと一致していません。
  • 2番目の画像では、背景が無地になっているため、コンテンツ領域と背景の違いが少なくなっています。画像は平らに見えます。背景と前景が同じレベルにあるように見えます。これは、濃い緑色が非常に強いという事実と相まって、背景がユーザーの注意を引くコンテンツ領域と競合します。

提案:

低コントラストテクスチャ微妙なグラデーションhueおよびsaturationコンテンツ領域を補完します。

これらの要素で良い仕事をしているサイトのいくつかの例を見てみましょう: thisiseyeweb.co.ukvuu.com.aupillowcompany.com

...インスピレーションのためのリンク: labusdesign.comthehappybit.comwww.lomahousevegexpress.comdesignkindle.com/ wp-content/uploads/demos/wedding-site-template/index.htm

カラー理論

私はあなたと共有するような研究はありませんが、Smashing Magazineからの色理論に関するこの3部シリーズは、多くの有益な洞察を提供します: http://www.smashingmagazine.com/2010/02/ 02/color-theory-for-designers-part-2-understanding-concepts-and-terminology /

8
Triona

目標は、ユーザーがサイトをスキャンしたときに読みやすくすることです。

実用性はさておき、色は明らかに感情的に説得力があります。

エンドユーザーの感情的な安らぎに対応することも、エンドユーザーが情報を簡単にスキャンできるようにすることと同じくらい重要だと思います。

  • 選択したグレーは、使用したテクスチャのために、依然として微妙なコントラストを提供します。このようにテクスチャを使用することは、気を散らすことなく差別化を図るのに役立つ方法だと思います。

  • 残念ながら、グレーと選択したテクスチャの組み合わせは、ブリーズブロックの表面を強く示唆しています。

  • サイトの主題には潜在的に憂鬱な傾向があります-美的選択を通じてこの傾向を打ち消すことを試みることは重要です。

  • 緑(色)の背景は、より感情的に暖かみのある効果を提供しますが、彩度の強さと明るさの欠如はわずかに抑圧的です。

これを念頭に置いて、別の明るい/明るい緑を選択し、それを最初の例で使用したテクスチャと組み合わせることを検討します。

2
codeinthehole

色についてそれほど大騒ぎしないでください。色の違い、つまりコントラストを確認することがより重要です。色の選択はさておき、より暗い背景を使用することで、コンテンツが表示される非常に目に見える長方形を作成しました。これは追加の形状であり、何が必要かを自問する必要があります。背景とコンテンツの長方形(白い背景)の間にコントラストがないと仮定します。その場合、長方形は消えます。私の推測では、それがより穏やかになり、目にやさしくなります。テキストを囲む長方形ではなく、最初にテキストに目が向けられるからです。また、ヘッダーの微妙な色がはっきりします。どういう意味?

0
Igor Asselbergs