;
SERVICE

シングルページサイトのご紹介

shadow
what-is-single-page-website

Author :  

shadow
what-is-single-page-website
  • Recruit
  • Recruit

シンプルに情報伝達できるシングルページWEBデザインに注目。

シングルページを採用しているサイトが近年増えました。

シングルページは全てのコンテンツを一枚のページでまとめていまして、探したい情報がすぐに見つけられるなどの利点があります。
また、効果的にアニメーションなどを盛り込んだりと工夫がなされているものもあります。

今回は、シングルページデザインのサイトをご紹介します。

このブログはsonicmoovlabonepageloveWEBクリエーターボックスraksulphotoshopvipを参考に書かせて頂きました。

シングルページデザインのサイトをご紹介します。
  • パララックス効果を取り入れたサイトです。ページを下にスクロールしていくとクリスマスツリーができていきます。

スクリーンショット 2013-12-24 15.59.44http://ihatetomatoes.net/merry-christmallax/

  • Javascriptを使用して、イラストに動きを持たせています。

スクリーンショット 2013-12-25 14.21.19http://www.volll.com/#section_main

  • オーストラリアを拠点に活動するデザイナーさんのポートフォリオサイトです。フラットデザインが採用され、配色のお手本になりそうな色使いです。

スクリーンショット 2013-12-24 16.05.09http://www.kocha.com.au

  • 007シリーズの歴代ボンドカーを、パララックス効果でイラスト付き解説するサイトです。

スクリーンショット 2013-12-25 15.14.45http://www.evanshalshaw.com/bondcars/

  • カリフォルニア在住のデザイナーさんのポートフォリオサイトです。これまでに作成した実績を水平方向にスライドさせることで閲覧ができます。

スクリーンショット 2013-12-25 14.55.55http://www.thisistim.com

近年主流になっているシングルページデザインのサイトをご紹介でした。
今後のサイト制作の参考に活用して下さい。

SERVICE
  • sns