web-dev-qa-db-ja.com

ダークナビゲーションバーを選択する理由

ReadWriteでのGoogleの新しいダークナビゲーションバー について読んでいます。おもしろいのは、ReadWriteとStackExchangeが暗いナビゲーションバーも選択したことです。

ダークナビゲーションバーを選択する傾向があるのはなぜですか?

3
Mark Boulder

トレンドというよりは、メディアの制約のため、かなり一般的なデザインの選択だと思います。

ナビゲーションバーで何をしたいですか。

1)ナビゲートする必要があるときに、簡単に見つけてもらいたい

2)人々がコンテンツに集中しているときに視覚的に邪魔にならないようにしたい。

3)複数のサービスに共通のバーがあるGoogleのようなサイトの場合、異なるブランド/配色などと視覚的に衝突しないようなものが必要です。

ほとんどの人がコンテンツを暗いオンライトで表示するので、(1)と(2)はおそらく暗いオンライトである可能性が高いナビゲーションバーに移動するので、コンテンツとナビゲーションバーが何であるかは明らかです。

(3)は、配色の衝突を回避する中間色/グレーにあなたを駆り立てるでしょう。

ほとんどのブラウザーchromeは灰色なので、(1)のため、ブラウザーのナビゲーション/ブックマークバーなどからナビゲーションを明確に分離するために、かなり暗い背景を使用することをお勧めします。

そのため、デザインの制約により、ダークグレー/ブラックのバーが表示されます。

7
adrianh

ナビゲーションバーは目立ち、視覚的に区別できる必要があります。ほとんどのサイトではないにしても、多くのサイトは明るい前景(テキスト)で明るい背景を持っています。良いコントラストを与えるために、明るいサイトの暗いnavbarは非常に簡単です。

読み書きページを見て、軽いナビゲーションバーを想像してみてください。衝突するか(明るい色がほとんど機能しない)、または見づらい(白/灰色)。さらに、黒は(ほとんど)何にでも合うので、安全な選択肢です。色を追加することは常にデザインのリスクですが、白と黒を追加することは、ほとんどの場合、それらを台無しにすることなく行うことができます。

8
Ben Brocka

視覚的なデザインと差別化(ブランディング)のためだけではないのでしょうか?

2
Riche Design

最近、トップストリップナビゲーションバーを使用してサイトをデザインしました。さまざまな値と色をたくさん試しました。暗い色の方が明るい色よりも効果的にページを固定していることがわかりました。

1
Scott Simpson