ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ
Post on:2014年3月13日
デザインの細かいところまでこだわりが! こんな発想はどこから生まれるの? そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。
時間のある時にじっくり楽しんでください!
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-01.png)
題字のインパクトがすごいですが、新しいタイプのスクロールエフェクトが更に強烈! こんな使い方は初めて見ました。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-02.png)
Volkswagen Mexico -Think Blue
※Chromeでご覧ください。
随所に紙を使ったとてもかわいらしいデザインです。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-03.png)
最初に紙飛行機で降り立つシルクハットのおじさんがウォーリーを探せのようにコンテンツのあちこちに登場します。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-04.png)
帽子屋さんのサイト、帽子の見せ方、帽子の作り方、非常に美しくデザインされています。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-05.png)
昨日紹介したボーダーをSVGでアニメーションさせる進化形。各パネルをクリックしたコンテンツページの最下部にあるナビゲーションのアニメーションも素敵。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-06.png)
Dream on
※Chromeでご覧ください。
ウェブ制作会社のインタラクティブコンテンツ、美しいサウンドと絶妙なスクロールのリズムに癒やされます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-07.png)
adidas公式のtumblrを使ったサイト、斜めのラインが非常にうまく使われています。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-08.png)
ウェブデザインもすごいのですが、画力がスゴイ! Servicesのページなんて完全にアートです。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-09.png)
よく見かけるスクロールベースのサイトですが、個々のアニメーションの設定やレイアウトなど非常に細かいところまで工夫されています。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-10.png)
Eコマースを専門に請け負っている制作会社のサイト、魅力的に見せるということに非常にこだわりと感じます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-11.png)
コーヒーはどこから来るの? が分かるサイト。完全に趣味でピックアップしました。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-12.png)
プロペラ機が水平・垂直に移動してコンテンツを案内します。逆に移動すると逆向きになるのは細かいことですがいいですね。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-13.png)
トップは多分ランダムで、コンテンツごとにさまざまなスクロールエフェクトが用意されています。キャプチャは家具がどんどん増えます、あとは色がどんどん変わったり、椅子がくるくる回ったりと。右上から自由に選択できます。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-14.png)
動画とアニメーションを効果的に取り入れたかっこいいサイトです。アコーディオンにアニメーション使うの面白いですね。
![サイトのキャプチャ](/wp-content/uploads-201401/2014031310-15.png)
最後は見た目は非常にシンプルですが、こんなナビゲート方法があるんですね。
sponsors