HiGash.Net ホームページへ戻る

Home [Blog] » 2010年下半期、参考にしたいWebデザイン・ベスト20

2010年下半期、参考にしたいWebデザイン・ベスト20

2010年下半期、参考にしたいWebデザイン・ベスト20

2010年ももうすぐ終わりですね。

個人的にはブログはあんまり更新できませんでしたが、web creatorsへの執筆(雑誌はなくなってしまいましたが)だったり、CSS Niteへの出演だったり、今年はブログの外に出ていっていろいろな活動ができた1年だったと思います。
あと、ついに僕も30歳を迎えました。20代はよくも悪くもエゴイスティック&ストイックにモノづくりをやっていこうという想いで突っ走ってきましたけど、30歳になって思うのは、自分のことばかり考えていないで、そろそろ下の世代のことも気にかけながら走っていかないとな、ということ。そのために、まず自分自身が目標にされるような存在であらねば、と強く思う今日この頃です。

みなさんにとって、2010年はどんな1年でしたか?

さて。僕的には恒例となった半年ごとの個人的Webデザイン・ベスト20。この年末もいつも通りまとめてみたいと思います。今回は国内13サイト、海外7サイトでした。

20位:DOUTOR It’s My Time

DOUTOR It's My Time

ドトールのスペシャルコンテンツ。
FlashじゃなくてAJAXで作られてるのが印象的。でも、せっかくAJAXなのに本文部分が画像貼ってあるだけってのは何なんでしょうね。AJAXのメリットを活かせていないのは残念かも。

http://www.doutor.co.jp/dcs/itsmytime/

19位:20 Things I Learned About Browsers and the Web

20 Things I Learned About Browsers and the Web

Googleが作ったWebやブラウザの歴史を紹介するコンテンツ。
HTML5で作られていますね。ページをめくるアニメーション、ブックマークやTweetなどの機能をもたせた栞、途中で読むのを止めて再度サイトに訪れた際のメッセージ表示(続きから読める)など、HTML5の可能性を感じるコンテンツです。

http://www.20thingsilearned.com/

18位:e-One

e-One

アメリカで環境サービスを提供する会社のサイト。
落ち着いた色彩でまとめられた上品なデザイン。見出しがセリフ書体なのも上品な感じがするポイントでしょうか。

http://www.eone.pro/

17位:サッポロビール

サッポロビール

サッポロビールのコーポレートサイト。
いわゆる大規模サイトなわけですが、きれいにまとまってます。グローバルナビのメガドロップダウンメニューが印象的。持株会社の サッポロホールディングス のサイトとの親和性も高いです。

http://www.sapporobeer.jp/

16位:大学受験予備校do

大学受験予備校do

大学受験予備校のサイト。
高級感ある落ち着いた雰囲気のサイトです。細かなところまでしっかりデザインされてます。

http://www.yobiko-do.com/

15位:インターネット・アカデミー

インターネット・アカデミー

パソコン教室のサイト。
きれいなデザインなんですが、とても親しみやすい。色使いやフォント選びなど、どうすれば柔らかいデザインができるのかという点で参考にできそうです。

http://www.internetacademy.jp/

14位:Nasu Worker

Nasu Worker

那須で働く人たちの声を届けるというコンセプトで作られたWebマガジン。
メインビジュアルの大きな写真がとても印象的なデザイン。下層ページは一見シンプルですが、背景にはやはり大きな写真が敷かれています。

http://www.nasuworker.com/

13位:Hashrocket

Hashrocket

アメリカのWebアプリ開発会社のサイト。
ビビッドな赤をアクセントに効かせたシンプルなデザイン。Webフォントが使われていますね。海外ではWebフォントを使ったサイトがかなり増えてきました。

http://www.hashrocket.com/

12位:大豆で栄養プロジェクト

大豆で栄養プロジェクト

大豆に関する情報を掲載するサイト。
グラデーション、影、線など、細かなパーツの精度がとても高いデザインだと思います。キレイ。

http://daizu-eiyo.jp/

11位:東京にしがわ大学

東京にしがわ大学

NPO法人が運営する「学校」のサイト(正規の「大学」ではないようです)。
要素が少なくて、とてもシンプルだけど柔らかい感じがするデザイン。フォントがデザインに与える影響って大きいんだなぁ、と感じます。

http://www.tokyo-nishigawa.net/

10位:L-システイン代謝向上研究会

L-システイン代謝向上研究会

アミノ酸「L-システイン」に関する情報を掲載するサイト。
ピンクの配色とかわいらしいイラストを使った女性らしいデザイン。見出し文字を細めにしたりするのも女性らしさを感じさせるポイントかな。

http://www.l-cysteine.jp/

9位:Green Gift

Green Gift

保険会社のマングローブ植林活動を紹介するサイト。
ノートやメモなどのモチーフを使って、手描き感を出したデザイン。やり過ぎず、きれいにまとまってると思います。

http://www.tokiomarine-nichido.co.jp/company/csr/greengift/sp/

8位:Mens World

Mens World

メンズビオレのインドネシア版サイト。
正統派のカッコよさ。Mens Worldがあれば、もちろん Womens World もあります。

http://mensworld.co.id/

7位:ro:newmedia

ro:newmedia

ルーマニアで行われているIT関連のイベントのサイト。
上部真ん中、縦にグローバルナビゲーションを配置するという独特のレイアウト。コンテンツの量が少ないなら、こういう思いきったスペースの使い方はありですね。

http://www.ronewmedia.ro/

6位:Stephen Caver

Stephen Caver

アメリカのWebデザイナーさんのサイト。
一見普通のデザインかと思いきや、ウィンドウサイズに応じてレイアウトが変わります。スゴい。

http://stephencaver.com/

5位:聖カタリナ女子高等学校

聖カタリナ女子高等学校

愛媛にある高校のサイト。
グラデーションの使い方が上手なデザイン。バナーやナビゲーションのマウスオーバー時のデザインもオリジナリティがあって印象的です。

http://www.catalina.ed.jp/

4位:アップリカ

アップリカ

ベビー用品メーカーのサイト。
少し独特のレイアウトですが、キレイに作られてるサイトです。外資系企業かと思ったんですが、そういうわけではないみたいですね。

http://www.aprica.jp/

3位:松本クリニック

松本クリニック

兵庫県にある病院のサイト。
段組みレイアウトの発展形と言っていいかもしれません。AJAXでページが切り替わります。

http://m-clinic.net/

2位:学習院女子大学

学習院女子大学

学習院女子大学のサイト。
斬新なグローバルナビゲーションのデザインが印象的。斬新なデザインだけど、決して使いにくいわけではありませんね。このデザインを提案した制作会社はもちろん、これを受け入れた学習院女子大学もすばらしい。

http://www2.gwc.gakushuin.ac.jp/

1位:COFA Media

COFA Media

アメリカのWebサイト制作会社のサイト。
シンプルで見やすいデザインとWebフォントを利用した美しいタイポグラフィ。斜めのラインがいいアクセントになっていて、とても印象的です。

http://www.cofamedia.com/

以上、2010年下半期の個人的デザイン・ベスト20でした。
HTML5で作られたサイトが少しずつ出てきましたね。海外ではWebフォントを使ったサイトも増えています。この1、2年でまだまだWebデザインは進化しそうですね。時代に置いていかれないようにしないと。

僕は23日から冬休みをもらう予定です。年末年始は少しゆっくり過ごして、来年はブログ以外にも新たなプロジェクトをはじめられたらいいなぁと思っています。
それではみなさん、よいお年を!

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

コメント/トラックバック

2 件のコメント/トラックバックをいただきました。ありがとうございます!!

  1. dai より:

    お久しぶりです。
    今年はTwitterなどで(僕のこと覚えていらっしゃるか不安ですがw)お世話になりました。
    来年もブログのエントリ、楽しみにしてます!

  2. HiGash.Net より:

    > daiさん
    明けましておめでとうございます!
    コメントありがとうございます。あんまり更新されないブログですが、、、今年もどうぞよろしくお願いします(Twitterでも)。

ぜひこのエントリーに対するコメントをお聞かせください。

以下のURLでトラックバックも受付けています。

http://higash.net/20101219/10webbest20-2.html/trackback/

Preview

トラックバック
http://higash.net/20101219/10webbest20-2.html/trackback/

Page Top