web-dev-qa-db-ja.com

ヘッダーはマテリアルデザインのフッターと同じ色にする必要がありますか?

マテリアルデザインについて厳密に言えば、Googleは色の広い領域には色相500を使用する必要があると述べています。ヘッダーは大きな領域と見なされていると思いますか?

ヘッダーとフッターは同じ色にする必要がありますか?

3
dman

マテリアルデザインは、ヘッダー/フッターの一致というこの問題については、私の記憶では沈黙しています。ドキュメントには、フッターなし、一致するヘッダーとフッター、異なるヘッダーとフッターなど、いくつかのバリアントが示されています。

ヘッダーは「広い領域」と見なされる場合と見なされない場合があります。実際のレイアウトによって異なります。マテリアルデザインには、大きいヘッダーと狭いヘッダーの両方の例が含まれています。

処方箋や制約がないため、ユーザーに最も役立つものを決めるのはあなた次第です。フッターに注意を引きたい場合(たとえば、アクションが含まれている ボトムシート を使用している場合)、ヘッダーとフッターの間にコントラストを追加すると、注意を引きやすくなり、フッターからのヘッダー(ビジュアルのみ)(相互作用)。

一方、ヘッダーとフッターが従来のコンテンツレイアウトにあり、中央のコンテンツをフレーム化し、周辺ナビゲーションと追記情報を追加する場合、それらを常にシェーディングすることで、本文のコンテンツを紹介し、相互の関係を伝えることができます。

最適な答えは、レイアウト要件によって異なります。

4
tohster