ウェブデザインのユーザーインターフェースに使えるサイトまとめ

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。

とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。

今回は、優れたウェブデザインのユーザーインターフェイスを作り出すために、参考になりそうなサンプルサイトをいろいろとまとめてみました。

User Interface (UI) screenshot collections

30あまりのカテゴリーに分けられたウェブデザインのユーザーインターフェースがスクリーンショット付きでまとめられているコレクション。とても助かります。

User Interface (UI) screenshot collections

MephoBox | Web Design and Web Inspiration

こちらのサイトもカテゴリーに分けて、ユーザーインターフェースをまとめてくれています。数もこちらの方が多いかも。スクリーンショットも大きめで、見やすいです。

MephoBox | Web Design and Web Inspiration

design|snips

すっきりと見やすくまとめられているので、お探しのユーザーインターフェースがサクッと見つかります。

design|snips

Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas.

カテゴリーの数も、集められているサンプルの数も、とっても多くて眺めていると時間を忘れてしまいそう…。とっても使えるサイトですね。

Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas.

Infragistics Quince: UX Patterns Explorer

Silverlightで作られたサイトです。プラグインをインストールしてから見てください。

Infragistics Quince: UX Patterns Explorer

Konigi

詳細ページがきれいにまとめられていて、とっても見やすいサイトです。

Konigi

UI Patterns —
Comprehensive User Interface Design Pattern Library

まとめてズラズラと眺めていくにはこのサイトが良さそうです。

UI Patterns —
 Comprehensive User Interface Design Pattern Library

Yahoo! Design Pattern Library

Yahoo!がまとめるユーザーインターフェース。さすがです。

Yahoo! Design Pattern Library

jQuery UI

jQueryのユーザーインターフェースをお探しなら、まずはこちらからです。

jQuery UI

UI Pattern Factory

右カラムにある、タグからお探しのユーザーインターフェースを絞り込むと見やすいです。

UI Pattern Factory

StyleIgnite.com

レイアウトやナビゲーションなどとっても参考になるサンプルがまとめられています。

StyleIgnite.com

UI Scraps: user interface designs found by Jason Robb

アメリカ・ボストン在住のデザイナーJason Robb氏の気になるユーザーインターフェースをtumblrで

UI Scraps: user interface designs found by Jason Robb

Interaction Design Pattern Library – Welie.com

ひとつひとつのユーザーインターフェースを詳しく解説してくれているサイトです。

Interaction Design Pattern Library - Welie.com

flickr | [Design Solutions]

flickrにもたくさんユーザーインターフェイスの参考になるコレクションがたくさんあります。他にもこことか、ここもよさげです。

flickr | [Design Solutions]

デザインblogランキング

コメント 1 Comment »   はてなブックマーク   del.icio.us

この記事に関連する記事



One Response to “ウェブデザインのユーザーインターフェースに使えるサイトまとめ”

  1. ウェブデザインのユーザーインターフェースに使えるサイトまとめ | WEB制作.Hack Says:

    […] ウェブデザインのユーザーインターフェースに使えるサイトまとめ 10月 2 Photoshop, デザイン […]

この記事に対するコメントを残す




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

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ