以前、このブログでご紹介した『UIパターンいろいろ』

いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。

Pattern Tap

『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しかもサインアップすれば、自分のお気に入りパターンライブラリを作ることもできます。単純に見て回るだけでも十分参考になりそうなサイトですね。

Elements of Design: A Web Design Showcase

こちらも、デザインを要素に分けてまとめてくれている、ありがたいサイト。

Web Patterns: A UC Berkeley Resource for Building User Interfaces

こちらは、UCバークレーのリソースページ。参考になります。

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

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

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

NETTUTS

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

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

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

Create a Slick Tabbed Content Area using CSS & jQuery

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

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

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

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

The Highly Extensible CSS Interface

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

UI-patterns.com

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

Yahoo! Design Pattern Library

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

Interaction Design Pattern Library – Welie.com

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

Konigi

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

blink design library

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

Collection: [Design Solutions] | flickr

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

以前、このブログでもご紹介した『サイトの背景画像を変える時に使える7サイト』と『ストライプジェネレーター5つ』

背景パターンはいろいろと重宝しそうです。

本日は、これまでご紹介したサイト以外の背景パターン・サイトをいろいろご紹介（なかには有料のものもありますが…）

1. everyday icons Playground

2. Kollermedia.at – The Website of the Freelancer Koller Jürgen » Pattern4u

3. Shizoo – einfach mal Design haben

4. DinPattern

5. Free Photoshop Brushes at Brusheezy!

6. Naked & Angry

7. DROMOSCOPIO . milleseicentopercento . LIBRERIA DI PATTERN

8. Citrus Moon Patterns

9. Miss Jo

10. PatternHead

11. Texturen jeglicher Art | Alice Grafixx

12. 3Quarks – Background Pattern

13. Tartan Maker

まだまだ、いろいろありそうですね。。