web-dev-qa-db-ja.com

余計な余白を埋める良い方法は何ですか?

デザインの経験はほとんどありません。

これが私のサイトの外観です。

ファビコンとユーザー画像は動的に追加されますが、それ以外の場合、サイトはまばらに見えます。

コンテンツを追加するにはどうすればよいですか。ランダムな画像をWebから取得したくないb.c.これは斑状に見えるでしょうか?

すべての空白を埋める方法に関するアイデアはありますか?

下の画像はグレーをうまく拾っていないことに注意してください。

#f5f5f5

そして

#e5e5e5

enter image description here

3
pure_code

空白はデザイン要素であり、試して入力する必要があるものではありません。

デザインを見ていると、あるクライアントは「ああ、無駄なスペースがたくさんある!」と言うかもしれません。あるいは、「色は素晴らしいですが、見た目を明るくするために何かを入れる必要があると思います」と言う人もいるかもしれません。それらの両方が1つの事柄を参照しています:ホワイトスペース。多くの場合、空白は見過ごされます。

上記の引用は グラフィックデザインでホワイトスペースが優れている11の理由 から来ています。私も読むことをお勧めします Webデザインのホワイトスペース:それとは何か、なぜそれを使用する必要があるのか​​

つまり、ページの目的にユーザーの注意を集中させるために空白を使用する必要があります

すべての空白が埋められていれば、Googleのホームページはどのようなものであったか想像してみてください。空白が追加されますが、ページの目的に追加されないものは削除されます。 enter image description here

4
JohnGB

JohnGBが説明したように、空白は記入するものではなく、ユーザーが注目する必要のあるものにユーザーを集中させる機会です。

ページ上の特定の要素を中央に配置して拡大できない理由はありません。

Dribbble には多くのフォームの例があり、あなたを刺激するかもしれません。

2
Chris N.