ほとんどのフッターにセクションの区切りとして背景色があるのはなぜですか？
ほとんどのフッターに、ページの他のコンテンツとの境界として背景色があるのはなぜですか？彼らが分離するのに十分な空白を使っていれば十分ではないでしょうか？たとえば、ニールセンノーマングループ： 
フッターと上記のコンテンツを区別するために灰色の背景があります。しかし、フッターの要素と上記のコンテンツとの（近接原理を使用した）空白の違いは、異なる背景色を使用せずにこれら2つのセクションを分離するのに十分ではないでしょうか？
余計な余白を追加すると、画面スペースの浪費（わざわざ言いたくないのでこれ以上は説明しません）を除いて、多くのユーザーは、実際に探していなければ、スクロールを停止してすぐに表示できなくなります。それ。
したがって、それを適度に近づけて別の方法で設定することをお勧めします-色、昔ながらの水平方向のルール、またはこのページの下部（デスクトップ）に表示されるような明白な見出しの行：色、フォントそして、実際のテキストはすべて、上記のものからの区切りを示しています（ただし、ヘッダーのない4番目の列は完全に正しいIMOではありません）。
実店舗に足を踏み入れるときは、通常、じゅうたんやドアなどを用意して、落ち着かせ、それ以降はすべてに注意を払います。ウェブサイトではかなり似ています。退屈しないように、ユーザーを好奇心をそそるように、ユーザーの注意を引くために、別のセクションが必要です。フッターに違いはありません。
これで終わりであることをユーザーに示すことが重要です。これを行うには、パターンを解除する必要があります。異なる方法で行うクリエイティブで代替のデザイン方法を見つけることができます。
通常、フッターには必要な情報があり、これは退屈です。したがって、設計者はおそらくそれを使って時間を無駄にしたくない、またはそれを別の方法で行う多くの方法がないでしょう。
顧客の行動について書いたPaco Underhillを読むことをお勧めします。とても良い読み物です。
そして、あなたは なぜフッターが暗いのか についてのこの興味深い議論を見るべきです。
何も問題はなく、フッターコンテンツを区切るために空白のみを使用するサイトがあります。
しかし、色でそれを伝えることはデザインでより正確です。
フッターがコンテンツからより明確に分離されるため、読みやすさが向上します。また、header、content、およびfooterのセクションでの分離は、Webの最も初期の基本的な意味の1つであり、 html5にもミラーリングしており、独自のhtmlタグが必要です。
明確で明確なフッター領域は、継続的なスクロールコンテンツが一般的である現在の時代に役立つデザインの共通性を提供します。これは、ユーザーへの通信を明確かつ直接支援します。「これで、このページは完了です。今すぐスクロールの試行を停止できます。 」
デザイナーとしては、このような一般的な傾向を十分に簡単に破ることができますが、ユーザーがバグに遭遇したとユーザーが感じる可能性のリスクを増加させたくない場合は、このような単純で役立つ傾向に反する正当な理由がいくつかあります。 。 [そして、ユーザーがバグに遭遇したと思った場合、オッズはあなたがバグを持っているということです...]
空白だけで分割すると、ユーザーに提供される情報がわずかに少なくなります。
- そのようにフォーマットされているだけなので、空白ですか？
- または、何かが読み込まれなかったために空白ですか？
ユーザーが慣れ親しんでいる明確な視覚的構造と採用している一般的なデザイン言語は、ユーザーが得られる前に多くのことを探求することなく、伝えられていることを積極的に理解していなくても、デザインについてより多くを伝えます。理解。
変更は設計上は良い場合がありますが、正当な理由を見つけた場合にのみ、変更を適用できます。
こんにちは:)ページを終了する感覚を与えるのは色だけではなく、動きでもあります。下にスクロールすると、フッターが画面の中央に移動する前に、上下の動きが停止します（非常に微粒子のウィンドウ画面にいる場合を除く）。
したがって、ユーザーがフッターに達したことを理解するために、次のようにしています。
・ページの端でスクロールをやめる。「物理サイン」・記載方法で情報説明。 「ビジュアルサイン」・通常はサイトマップと連絡先オプション。 「コンテンツサイン」
そうすれば、ユーザーに彼が底に達したと感じさせることができるでしょう。しかし視覚的には色を変えることでそれを強調することができます。
色はコンテンツの中心とは異なるものにする必要があります。それはユーザーが彼が底に達したことを理解しないことを意味しますか？いいえ。しかし、それは役立ちます。 つまり、空白を追加するだけで十分でしょうか？はい。ただし、使い勝手が良いツールをすべて使用しているわけではないため、最善の解決策ではない場合があります。