画面設計がいい

Brighton Source

http://brightonsource.co.uk

ロゴがネイティブならではの自由な発想です。

REI

http://www.rei.com

アウトドアグッズ専門のECサイト。ナビゲーション設計が優れています。

School of Visual Arts

http://www.sva.edu/

美術大学のサイト。各学科の4年間のカリキュラムが詳しくわかります。情報設計がすばらしい。

Fonts.com

http://www.fonts.com/

フォント販売サービス。CSS3を多用。分かりやすい画面構成も参考になります。

The Metropolitan Museum of Art

http://metmuseum.org/

個々のデザイン要素はシンプルで、抑制されています。わずかに角丸、グラデーション、シャドウ、アクセントカラーを使うことで、ほどよい強度をもつ仕上がりになっています。

Regent College

http://www.regent-college.edu/

カナダの大学のサイト。レスポンシブWebデザインでの実装。

Musée des Beaux-Arts de Montréal

http://www.mbam.qc.ca

美術館のサイト。コンテンツごとにメインカラーで整理。膨大な情報をすっきりと、うまくまとめています。UIもTwitterでおなじみの無限スクロールなど、最先端の実装。

Scotiabank

http://www.scotiabank.com

あたたかみのあるグレイを主体に、レッドで引き締めたデザインです。テクスチャーののせ方がクール。デザインだけでなく、画面構成やUIもすごいです。完成度の高いWebサイトです。

NOMA

http://noma.org/

ほぼフラットなユーザーインターフェイス。アクセントの付け方がうまく単調にならない仕上がりになっている。

ページ上へ