フリーのイラスト素材と
制作に役立つブログ情報サイト

デザイン

2016年7月21日

写真をズラしたり重ねたりしたお洒落なレイアウトのWEBデザイン5選

2

意図的に写真や要素をきっちりと並べず、大きさや位置がバラバラなものを配置した、斬新なWEBデザインのサイトをご紹介します。パララックス効果なども利用されており、散らばった要素がそれぞれちがう動きをしていて楽しげなデザインになっています。
写真や要素の配置は、ふだん重ならないよう、揃えるようにデザインすることが多いですが、このような斬新なレイアウトもかっこよくて憧れてしまいます!センスや計算のうえでデザインされているかと思うので、マネするのも難しそうですが、参考となるサイトを5点集めてみました。

delabanda

1
赤と水色のグラデーションがかっこいいです。大きさや位置がバラバラな写真配置なうえ、パララックス効果でズレてスクロールしているのですが、統一感は損ねておらずスタイリッシュなデザインになっています。

mambo mambo

2
鮮やかな色合いや動きが楽しいサイトです。最後近くのセクションでは、写真の大きさや位置が不規則に、重なったりして配置されています。雑誌やアルバムのような楽しげな雰囲気を感じます。

FCINQ

sukusho160719
メニューや写真、背景色など、重なったり離れたりしています。パララックス効果もついていて、にぎやかです。

hess classic

4
レトロなスポーツカーを紹介するサイト。かっこいい車の写真がスクロールとともに表示されます。写真が重なったり、左右交互に表示されたりしています。

natupa

5
ファッションのサイトです。大小さまざまなサイズの写真がレイアウトされています。

いかがでしたでしょうか。
いつかはこんなおしゃれな配置にも挑戦してみたいものです。

Tweet about this on TwitterShare on FacebookPin on PinterestShare on TumblrShare on Google+

同じカテゴリの記事

素材カテゴリー

material category