web-dev-qa-db-ja.com

メインヘッダーとサブヘッダーの色の組み合わせを選択して、UIとUXを向上させる方法は?

BG(背景)の色や、ウェブサイトやアプリのヘッダーとサブヘッダーについて常に混乱しています。

BGを選択するには、少なくとも3つのオプションがあります。

1。メインヘッダーには暗い色、サブヘッダーBGには同じ色の明るいバージョン

2。サブヘッダーには暗い色、メインヘッダーには明るいバージョン

3。両方に同じ色

Image

今、私はそれらのいずれかを選択できますが、それらのすべてについて疑問があります:

1st-メインヘッダーの暗いBGは、サブヘッダーを含む他のコンテンツの下(z軸に関して)にユーザーに感じさせます。また、ロゴとメニューバーは、サブヘッダーと比較して後で通知されます

2nd-メインヘッダーに重点を置いているにもかかわらず(光のため)、ページ全体が少し見苦しく見えます

3rd-両方に同じ色を使用すると、色が冗長になります

現在、私はオプション2が他の2つより少し良いと考えています。

これらは私の意見です。実際にそのようなことはありますか(それについて詳しく読むためのリソースを提供していただければ幸いです)。

はいの場合、UIとUXの両方を念頭に置いて、どちらがより良いオプションでしょうか?

2
Vikas

アーティストの目で風景を見渡すと、遠くにあるものは、近くにあるときよりも青/灰色がかった色に見えることに気づくでしょう(これらを「涼しい」色と表現する人もいます)。アーティストはこの効果を絵画に使用して、2Dに見えるような奥行きの錯覚を作成します。

画面の領域を区切るために選択した色も、同じ深さの効果をトリガーできます。明るい青ははるかに暖かいです。これが、上記のオプションのどれもが正しく感じられない理由だと思います。

すべてをフラットに感じながら、ヘッダーとサブヘッダーの色を変えたいですか?次に、「 色温度 」のような色を選択してみます。

1
Franchesca