wds

Web Design ScratchWebデザインからガジェットまで、web制作に役立つまとめ情報をお届けします

  • はてブ
  • twitter
  • RSS
2011.12.29 16:46

2011年の流行を振り返ろう!!今年を代表するようなクリエイティブでデザイン性の高い国内サイト ベスト10

bo2011
twitterやってます

更新日時:2011.12.29 16:46

カテゴリ:Webデザイン

皆さんいかがお過ごしでしょうか。
私は相も変わらず毎日が日曜日です。

当サイトは今年の9月末(実質10月)よりスタートし、なんとか更新してまいりました。自分のブログを持ってほぼ毎日更新するというのも初めての経験でした。

そもそも当サイトはtwitterアカウントのログ編集と保存の目的で始めたので、正直アクセス数はたいして期待していませんでした。しかし延べ3ヵ月で多いときには月3万PVを越える人に見て頂き、皆様には本当に感謝しております。この場を借りてお礼申し上げます。

当サイトはオープンより、クリエイティブでデザイン性の高いサイトやその他記事として日本国内から91の素晴らしいwebサイトをご紹介してきました。

クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年12月版 | WDS
クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年11月版 | WDS
クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS
クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年9月版 | WDS

最近よく見かける縦長でページ遷移が少なめな国内サイト13:Webデザインまとめ | WDS
カード型グリッドレイアウトで作られた国内の素晴らしいWebサイトと情報の扱い方について | WDS

本日は今まで(2011年10月~12月)個人的好み丸出しで紹介したwebサイト様の中から、その中でも特に素晴らしい2011年を代表するようなWebサイトをご紹介したいと思います。

パララックス(視差)効果を利用したwebサイト

オロナイン公式サイト|大塚製薬オロナイン公式サイト|大塚製薬

メモ:jQuery縦長サイト

縦長サイトのまとめより。日本でも今後増えていきそうなパララックスを利用したwebサイト。スクロールする事でオロナインがクルクル回ります。

カード型グリッドのWebデザイン

THE-EARTH-NEWS-_-ジアス・ニュースTHE EARTH NEWS | ジアス・ニュース

HTML5jQuery

カード型グリッドのまとめより。今年のwebデザインの流行を語る上で欠かせないのがカード型グリッドのwebデザインですね。その中でも色々ありますが、個人的に印象に残っているのはジアス・ニュースでした。

長めの縦スクロールを取り入れたwebデザイン

石川県 能登半島 和倉温泉 旅館 | 和倉の夕日に染まる宿「多田屋」石川県 能登半島 和倉温泉 旅館 | 和倉の夕日に染まる宿「多田屋」

HTML5jQuery

10月のまとめより。石川県能登半島にある温泉旅館多田屋のwebサイト。今年多かったスクロールする事で新たな楽しみと出会えるwebデザイン。縦長スクロールというとページ遷移を極力省いたサイトを思い浮かべますが、多田屋さんの美しさはダントツですね。

横スクロールを取り入れたWebデザイン

間口一就 まぐちかずなりの、ウェブサイト間口一就 まぐちかずなりの、ウェブサイト

HTML5jQuery

10月のまとめより。まぐちかずなり氏のウェブサイト。最近少しずつ増えてる横スクロールのwebサイト。短冊を横に並べたような珍しい横長のレイアウトで、右までスクロールするとハイボールの背景が出て来ます。

犬と暮らす”喜び”を発見できる場所 GREEN DOG 代官山犬と暮らす”喜び”を発見できる場所 GREEN DOG 代官山

HTML5jQuery

12月のまとめより。GREEN DOG 代官山のWebサイト。トップページのワンちゃんが印象的。こちらはマウススクロールではなく、リンクを押すことで遷移スクロールするwebサイト。

和風テイストのwebデザイン

おぐらあん、こしあん、あんこのことなら浪速製餡株式会社おぐらあん、こしあん、あんこのことなら浪速製餡株式会社

メモ:jQuery和風イラスト

あんこの製造販売をしている浪速製餡株式会社のサイト。小豆などの写真やイラストを沢山使った見栄えのするwebデザイン。

HIGASHIYA-Online-shopHIGASHIYA Online shop

メモ:jQueryECサイトシンプル和風縦書き

和菓子の製造販売、ヒガシヤギンザのオンラインショップ。シンプルで美しいwebデザイン。写真も魅力的ですね。

ミニマルなWebデザイン

世界を変えるプロジェクトチーム - RYNAPSE | 株式会社リナプス世界を変えるプロジェクトチーム – RYNAPSE | 株式会社リナプス

HTML5jQuery

10月のまとめより。世界を変えるプロフェッショナル集団リナプスのwebサイト。縦長のwebサイト。ミニマルを代表するようなwebデザイン。最小限の装飾で華やかさを演出するWebデザイン

大きな背景写真が印象的なWebデザイン

WEST-3rdWEST 3rd

メモ:Mootools

玄関錠やレバーハンドル、タオルバーなどの水周り金物を販売しているブランドのサイト。カッチリした綺麗さが好印象。FlashのようでFlsashじゃないサイト。jQueryを使ったサイトが多い中Mootoolsを使ったサイトです。

愛知県豊橋市の注文住宅は030FACTORY愛知県豊橋市の注文住宅は030FACTORY

メモ:jQuery

愛知県豊橋市にある030FACTORYのwebサイト。トップページにはじまり大きめの画像を使ったスッキリとしたデザイン。

今年は対応ブラウザの整備やjQueryやHTML5の普及で以前より自由で独自なデザインのwebサイトが多かったのではないでしょうか。来年はどんな素晴らしいサイトが出てくるか今から楽しみですね。
関連記事
クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年12月版 | WDS

クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年11月版 | WDS

クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS

クリエイティブでデザイン性の高い国内サイト ベスト18 – 2011年9月版 | WDS

最近よく見かける縦長でページ遷移が少なめな国内サイト13:Webデザインまとめ | WDS

カード型グリッドレイアウトで作られた国内の素晴らしいWebサイトと情報の扱い方について | WDS

更新日時:2011.12.29 16:46

カテゴリ:Webデザイン

この記事へのコメント

この記事へのコメントはありません。

コメントフォーム

CAPTCHA


トラックバックのURL

この記事へのトラックバック

この記事へのトラックバックはありません。

About Me

WDSロゴ

「web制作の新しい情報が知りたいけど、仕事が忙しい!」「RSSは登録したものの消化しきれない」WDSはそんな貴方の為に、web制作に関する最新情報をはじめ、おやすみ前の10分間で今日1日の話題が読み取れるサイトを目指します。