「なぜかサイトが手抜きみたいに見える」の解決策3つ

「なぜかサイトが手抜きみたいに見える」の解決策3つ

手を抜いたわけじゃないのに

シンプルなサイトを作るとき、などにありがちです。
大抵、四角い要素を組み上げていくことになると思いますが、そうするとどうも単調になってしまいます。

単調とシンプルは違います。ブログとかならまあいいんですが、最近よくある「1ページにまとめた会社公式サイト」などを作るときに、要素を積み上げるだけだとちょっと物足りない感が出てしまいます。

そんなときの解決策をいくつか。

背景にメリハリをつける

1ページの長いサイトの場合…薄い、濃い、あるいは写真を敷く、などで、コンテンツを明確に区切ると、印象に動きが出てよいです。

多少極端ですがヒゲダンさんのサイトがそのような感じでした。

パーツの見せ方を変える

例えばこちらのサイトのように…↓

「リンクのまとまり」が4つありますが、それぞれ違う見せ方(組まれ方)になっています。このようにすると、同じリンクでも動きが出てよいです。

「大と小」を意識してみる

コンテンツのパーツ

小さめにパーツを並べたら、縦にスクロールした次のエリアでは大きめなパーツにしてみるなど。これで動きが出ます。不自然にならない限りはよさそうです。

見出しの扱い

場合によりですが、見出しと通常テキストのフォントサイズの差を、極端に変えてみてもオシャレになるかもしれません。

グラデーション・テクスチャ

例えば背景をベタ塗りにした時、なんとなく物足りない感があれば、グラデーションを使ってみると、少し手の込んだ感じがします。

↑のヒゲダンさんのサイトでは、サイトの雰囲気に合った感じの、紫(?)~緑のグラデーションが背景に使われています。
「砂感」「紙感」があるようなテクスチャも薄く使われていて、これも良い解決策です。

グラデーションはあくまで不自然でないように。
テクスチャも、狙っている場合ならいいですが、ハッキリと分かるように入れると、ダサくなりがちなので気を付けてください…

まとめ

いろいろなサイトを見て、そのサイトの良いところ悪いところなどを考えてみるのもよいかもしれません!!!

デザインの小技カテゴリの最新記事