横スクロールにパララックス！新しいポートフォリオWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

横にスクロールするパララックスWebデザイン！新しいですねー。立体的に視させるのがすごく上手いんです。他にページローディングなど細かいところに面白さを埋め込んでいるWebデザイン。

実際に横スクロールするとわかりますが、すごく前方に要素が配置されているものがあります。例えば上キャプチャなら青い文字要素。

これがページ全体に非常に立体感を表していて、横スクロールのパララックスってこんな効果的に映るんだーと感心してしまいました。

こちらも要素がすごく前に出ています。立体感ありすぎ。静止画だけ観るとそんな立体的には見えないんですが、スクロールパララックスってすごい目に影響を与えるんですね。

ページにアクセスしたら表示される、ロゴマーク。これがどんどん赤く塗られていきます。

ロゴをページローディングに使用するのっていいですね！こういった刺激的なデザインのロゴだと尚更カッコいい。

そして！サイトをみてて、なかなか気づかないかもしれません。これ面白いなーと思ったのが、ページスクロール位置をロゴと対応させています。

ロゴの色位置によってスクロールを実現しています。

ページを読み込むときに、このロゴが色づいていくのに印象を与えておいた上で、このスクロール方法はうまいなーと感心。パララックスのみではなく、こういった細部にも気が配られているWebデザインでした。

今日は個人的に嬉しい、そしてプライベートでは悔しい1日でした。これをしっかり今後の自分の糧にしたい。

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！