ウェブのデザインやアイデアによい刺激をうける日本のウェブサイトのまとめ
Post on:2014年5月20日
いつもは海外のウェブサイトをテーマごとにまとめて紹介していますが、たまには日本のもと思い、まとめてみました。
デザインやアイデアによい刺激をうける国産のウェブサイトを紹介します。
海外のも定期的にまとめています。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-35.png)
DJ/プロデューサー Midori Aoyama氏のサイト。フラット・スクロールの定番のトレンドに斜めのグリッド、ポリゴン、アニメーションなど最新のデザインが非常にかっこいいです。制作会社はLETTERS, INC.で、今日リニューアルしたばっか!
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-04.png)
一見、タイポグラフィベースのミニマルなだけのサイトに見えますが、この美しいグラデーションの背景を使ってナビゲーションから各コンテンツを見せるのが斬新です!
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-12.png)
Canvasを使ってうねうね動かしながら、コンテンツが次々に展開していきます。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-36.png)
このサイトのスクロールエフェクトは、繊細で非常に美しいです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-38.png)
Helveticaのメガネ、Garamondのメガネ、あなたの好みはどちら?
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-39.png)
清水寺公式のキャンペーンサイト。美しい写真を見ているだけでも楽しめます。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-02.png)
ペンで書くとさまざまなメッセージが表示されるのが楽しい!
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-03.png)
水平スクロールをメインに、垂直の動きでコンテンツをみせるのが面白いです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-05.png)
ページのすべての要素が矩形で構成されていて、インタラクションも気持ちいいです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-06.png)
スクロールを使ったサイトですが、まずはスクロールするとどう動くのか想像してみてください。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-08.png)
こういう見せ方、面白いですね。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-13.png)
動画をダイナミックに使ったサイト。Youtubeをこんな風にも使えるんですね。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-14.png)
トップのスライドショーにさまざまな模型が表示されるので、見ていて飽きません。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-15.png)
美しい写真とレイアウト、面白いインタラクション、ここまでの仕掛けはFlashならではですね。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-17.png)
スクロールコンテンツもFlashを使うとさらにパワーアップします。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-18.png)
この独特なカーブは、靴のカーブと同じかな。とても印象に残るデザインです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-19.png)
この世界観は強烈ですね、CA4LAはカシラで、帽子屋さんのサイトです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-20.png)
和紙のメーカーサイトで、繊細な色使い、緻密な柄が織りなす世界観を堪能できます。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-23.png)
八百屋さんのサイトではないです、金沢の蜜菓子屋さんのサイトです。写真が本当においしそう。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-24.png)
sweets atelier Tokyo no Hatakekara
JR東日本エキュートのプロモーションサイトで、アニメーションで動くイラストがかわいくコンテンツを見せています。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-25.png)
スクロールページで、コンテンツごとに打ち出し画像を見せる手法が面白いです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-40.png)
短冊状のナビゲーションが非常に印象にのこるデザインですね。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-26.png)
凹型カーブのスライダーがレイアウトに奥行きを与えていて面白いです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-27.png)
グローバルナビゲーションをはじめ、縦書きをさまざまな箇所に取り入れたデザインが面白いです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-28.png)
ジュンが運営するファッションサイトで、女の子をホバーするとちょこちょこアニメーションするのがかわいいです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-30.png)
随所にウェブの最新テクニックを使いながら、それが過剰に目立つことなく、センスよくデザインされています。こういうのが実は一番難しい。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-41.png)
レトロモダンな雑貨屋さんのサイト、ナビゲーションをはじめ、さまざまなグラフィック要素の世界観が必見です。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-32.png)
セゾンカードのファッションコンテンツ。HTML5もここまできたかー
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-34.png)
ロードごとに変わる背景がちろちろ動くちょっと面白いデザインです。たまにコントラストの強い背景があるので、それにあたると目が痛いです。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-37.png)
スクロールでズームイン・アウト、スライドなど、さまざまなエフェクトを使っています。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-16.png)
スクロールすると、襖を開くようにダイナミックに友禅の美しい柄が堪能できます。
![サイトのキャプチャ](/wp-content/uploads-201402/2014052001-42.png)
最後は、僕も制作チームだった「虎屋」さん。
随分前のサイトですが日本のといえばはずせないです。今見ても、写真と明朝体のタイポグラフィが美しい。この美しい写真はサイト用に全て新規に撮影していました。
sponsors