web-dev-qa-db-ja.com

暗いテーマのナビゲーションバー:メインの背景より明るいですか、暗いですか?

私はUI/UXの経験があまりなく、個人のWebサイトで作業しながら学習しようとしています。

背景が明るい場合、ページのコンテンツを視覚的に「アンカー」または「ハグ」するのに役立つので、暗いナビゲーションバーを使用するというアドバイスに100%同意します。

enter image description here

しかし、暗いテーマで、ナビゲーションバーに適切な色を選択するのに苦労しています。現在、同じページに表示されています。

enter image description here

背景とのコントラストが足りないような気がします。 Googleのマテリアルテーマガイドでは、暗いモードのナビゲーションバーに明るい色を使用して、ユーザーに高さを感じさせます。それが私のプロジェクトカードで行ったことで、見た目も良いと思います。私はnavbarでそれを試しました:

enter image description here

関連する2つの質問:

  1. これは悪く見えますか、それとも私の目は不慣れですか?

  2. メインの背景よりも暗いnavbarの明るいテーマがあるのに、メインの背景よりも明るいnavbarの暗いテーマがあるのは矛盾していますか?

1
AlexH

私はまた、より軽いnavbarで、一番下のものを好みます。バー自体とその影の両方に、より多くのコントラストがあります。

一貫性に関しては、ダークテーマは一般的にすべての色を反転させるものと考えることができます。これは、ここで起こったことのように、関係も反転させます。

2
Solomon Ucko