2016年7月21日
写真をズラしたり重ねたりしたお洒落なレイアウトのWEBデザイン5選
意図的に写真や要素をきっちりと並べず、大きさや位置がバラバラなものを配置した、斬新なWEBデザインのサイトをご紹介します。パララックス効果なども利用されており、散らばった要素がそれぞれちがう動きをしていて楽しげなデザインになっています。
写真や要素の配置は、ふだん重ならないよう、揃えるようにデザインすることが多いですが、このような斬新なレイアウトもかっこよくて憧れてしまいます！センスや計算のうえでデザインされているかと思うので、マネするのも難しそうですが、参考となるサイトを5点集めてみました。
delabanda
赤と水色のグラデーションがかっこいいです。大きさや位置がバラバラな写真配置なうえ、パララックス効果でズレてスクロールしているのですが、統一感は損ねておらずスタイリッシュなデザインになっています。
mambo mambo
鮮やかな色合いや動きが楽しいサイトです。最後近くのセクションでは、写真の大きさや位置が不規則に、重なったりして配置されています。雑誌やアルバムのような楽しげな雰囲気を感じます。
FCINQ
メニューや写真、背景色など、重なったり離れたりしています。パララックス効果もついていて、にぎやかです。
hess classic
レトロなスポーツカーを紹介するサイト。かっこいい車の写真がスクロールとともに表示されます。写真が重なったり、左右交互に表示されたりしています。
natupa
ファッションのサイトです。大小さまざまなサイズの写真がレイアウトされています。
いかがでしたでしょうか。
いつかはこんなおしゃれな配置にも挑戦してみたいものです。
2016年7月21日
