厳選!縦長なサイトデザイン8選 one page scroll

厳選!縦長なサイト8選 one page scrollサンプル
昨今あふれんばかりに登場する縦長なサイト。
独断と偏見で気になったものを8個選んでみました。

Bench -- Online Bookkeeping Services https://bench.co/
オーソドックスな感じなやつですね。

Tectonica Studios http://www.tectonica.co
王道系でイラストベース。下の方に動きも取り入れていて面白いです。

TOMOYAARTS http://www.tomoyaarts.com/
細かく要素に効果を与えていて、大きくシーンが変わらないので落ち着いて見られます。

Études N°4 http://etudes-studio.com/store/
画像がどん!その後は商品が画像サイズばらばらで登場してきます。

Pascal van Gemert - Web Developer - Interactive Resume http://www.pascalvangemert.nl/
動画を後ろにおいてみるイマドキ感を加えていますね。

はじめて持つなら、このカード。三井住友VISAデビュープラスカード | 三井住友VISAカード http://www.smbc-card.com/hajimete/index.html
スクロールのトランジションが楽しく、思わずコンテンツを見ずに先に進みたくなる逸品です。

Stef Ivanov - UI/UX Designer & Front-end Dev - London http://stefivanov.com/
メガネの中の目が動いて気持ち悪いですが、モバイルファーストながらも大胆なレイアウトで今後参考に出来る部分が多いかもしれません。

Ludlow Kingsley + Chocolate = $ for 826LA https://www.826.lk.la/
今回、個人的に一番好きなサイトです。スクロールごとに動きのあるスライドを見せてきて、思わず本文にも目がいきます。

導入にあたっては、jQueryプラグインでjQuery One Page Scroll by Pete R. | The Pete Designというのがあったり、パララックス系でパララックスサイトを簡単に作成できるjQueryプラグイン8選|skuare.netを参考にしてみるといいかもしれません。

sponsors

「厳選!縦長なサイトデザイン8選 one page scroll」をシェアする

記事作成:
記事URL:

TOP > > > 厳選!縦長なサイトデザイン8選 one page scroll