うっとりしてしまうデザインのシングルページWebサイト30

シングルページWebデザイン

シングルページのWebサイトはあまりコンテンツがない場合・ひとつの物を強調したい場合に効果的です。Javascriptを使っておもしろい動きをつけたシングルページもたくさんあり、1ページの中にたくさんのアイデアがつまっています!ここでは世界中のWebサイトの中から美しく個性的なデザインのサイトを紹介します。次のWebサイトデザインの参考にしてみてください!


シングルページのWebサイトギャラリー

pikaboo

http://www.pikaboo.be/

フルFlashのサイトかと思ったらJavascriptで滑らかな動きを表現していました!必見!

Think Green Meeting

http://www.thinkgreenmeeting.com/

車と飛行機のイラストがマウスオーバーで消えていきます!デザインもかわいい。

Axel Peemoeller Design

http://de-war.de/

個性的なグラフィックをドラッグ・ドロップして移動させることができます。ダブルクリックで別画面表示。このアイデアはすごい!

Dreamer Lines

http://www.dreamerlines.lv/

デザイン・色使いととにかく個性的です!

Bryan Katzel

http://www.webleeddesign.com/

のびーーーーる6本のラインに注目!

Peter Pearson

http://www.peter-pearson.com/

横スクロールする度に描かれるラインが美しい!

Gavin Castleton

http://www.gavincastleton.com/

トップのゾンビ画像がすごい!他エリアのグラフィックもきれい。

Charlie Gentle

http://www.charliegentle.co.uk/

マウスオーバー時のぼかし、移動中の背景画像の動きに注目です。

Basil Gloo

http://www.basilgloo.com/

奥行きの表現の仕方に脱帽!

Costas Theoharis

http://www.costastheoharis.com/

まるで着せ替え人形?!顔・胴体・足を自分の好きなイラストに変更できます。(特に意味なし)

Alexandru Cohaniuc

http://www.alexcohaniuc.com/

Javascriptのアコーディオンメニューを使った作品紹介がおもしろい。

Ayush Saran

http://www.ayushsaran.com/

自身をおもちゃに見立てたデザインに思わず微笑みました。

SOFA

http://www.madebysofa.com/

とにかくシンプル!美しいベクターイラストも必見です。

tomatic

http://tomatic.com/

レトロなイラストがかわいい

CreativePeople

http://cpeople.ru/

トップの大きな画像はすごい迫力です!

We Shoot Bottles

http://www.weshootbottles.com/

横スクロールしていくサイト。雑誌のようなレイアウト。画像もきれい!

Silverback

http://www.silverbackapp.com/

商品の説明をシングルページにまとめています。詰め込んでいる感じもなく、イラストを使ってわかりやすい。

VOLL

http://www.volll.com/#section_main

動くイラスト等、Javascriptをフル活用しています。

KINO

http://www.kinoz.com/

ロゴの横にある色を選択すると違うデザインを楽しめます。

rzmota.com

http://www.rzmota.com/

画面いっぱいに自身のワークスペースを表現。

La Folie

http://www.salon-lafolie.com/

上下・斜めと画面いっぱいに移動します。個性的なイラストが特徴。

missscha’s photogallery

http://missscha.com/

作品を強調したシンプルなフォトギャラリーサイト。

Suie Paparude

http://suiepaparude.ro/

背景の手描きイラストがかわいい!

Osvaldas.info

http://www.osvaldas.info/

画面切り替え時の滑らかな動き。素敵です。

Chirag Solanki

http://www.chiragjsolanki.com/

トップの幾何学模様が印象的。

Zach Klein

http://www.zachklein.com/

本人の画像とテキストのみの超シンプルサイト

PSD Web Layout Design

http://www.psdlayout.com/

1pxのラインが素敵なデザインを作っています。

NETWiSE Strategies

http://www.netwise.cc/

赤×黒の配色とざっくりとしたイラストが特徴。

Sean Geng

http://designspasm.net/

jQueryによるパララックス効果が美しい。

Jaha! Design

http://jahadesign.se/

目盛りを動かすと画面も変わります。

ランディングページにも使えるかしら…

シェアする

コメント

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)