UIパターンいろいろ

admin — Fri, 16 May 2008 06:03:34 +0000

先月、公開されたばかりのNETTUTS。

NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。

毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリアルに期待大のサイトです！

現在、公開されているチュートリアルは、

jQueryを使った、とってもきれいな、ナビゲーションエフェクト

ブログなどで使えそうな、jQueryとCSSで作るTabコンテント

などが紹介されています。

アイデア次第でブログやウェブサイトの見せ方もいろいろありそうですね。

本日は、そんなアイデアの元になりそうな、UIパターンをいろいろ、まとめてみました。

ひとつのサンプルページを４つのパートに分けて、説明してくれているサイトです。サンプルファイルもダウンロードできるのも良いですね。

カテゴリに分けて、たくさんのUIパターンが紹介されているライブラリです。

Yahoo!のデザイン・パターン・ライブラリ。それぞれ動画がついていて、動きがわかりやすいですね。

たくさんのデザイン・パターンが紹介されています。サンプルも豊富で見てるだけでも楽しいですよ。

見せ方にこだわったインターフェースがたくさん紹介されているインスピレーション・ライブラリです。見てて飽きないですね。

シアトルのコンサルティング会社が紹介するデザイン・ライブラリのブログです。

デザインのサンプルが大量にアップされているflickrのページです。こちらやこちらにも大量にアップされていました。ご参考にどうぞ。

DesignWalker » Interface