デザイン

デザイン

たくさんのUIデザインパターンが「視れる」!海外の「UIライブラリ」サイト8選

368 views

Webサイトの修正や再デザインは手間がかかりますよね。もしあなたが問題を解決するためのデザインを考えているのであれば、同じ問題を抱え、それを解決したテンプレートがすでにあるかもしれません。それこそあなたのためのデザインパターンです。

 

デザインパターンを探すために最適なWebサイトのリストを作りました。海外サイトではありますが、英語が苦手な方もさまざまなUIパターンを「視る」という点で、きっとお役立ていただけますよ!

 

UIデザインのパターンを集めた海外サイト集

UI – Patterns

d8da1dbbb1c108abd33dc1d10f14c16b

好きなパターンを簡単に探すことができ、またグループ化することもできます。パターンをあなたのデザインに取り込む際に役立つような、UIデザインに関する興味深い記事もたくさん掲載されています。

http://ui-patterns.com/

 

WELIE Interaction Design Patterns

WELIEはベストなWebサイトというわけではありません。しかしかなり役に立つグループ化されたインタラクションデザインパターン集があります。

http://www.welie.com/patterns/index.php

 

Pattern Tap

10,000近くの、ユーザーが製作したパターンがあり、UIデザイナーに刺激を与えるものとなっています。ドロップダウンメニューシステムのおかげで、簡単に探しているものを見つけることができます。

(「Library→Pattern Tap」からパターンを閲覧ことができます)

http://zurb.com/patterntap

 

UI Scraps

WebサイトのUIデザインに対して、良い点、悪い点、酷い点を記載しているブログです。素晴らしいデザインと同時に、とても酷い出来のデザインも見つけることができます。

http://uiscraps.tumblr.com/

 

Pattern Browser

UIパターンを素早く切り替えながら見ることができるWebサイトです。他の大きいWebサイトと比べてパターンの数はそこまで多くありませんが、どちらにせよ良いリソースになります。

http://www.patternbrowser.org/

 

Design Snips

とても良くデザインされたグラフィカルなパターン集です。

http://designsnips.com/

 

CSS Bake

Webサイト構築のために必要な材料が良く揃っています。CSS Bakeはインスピレーションの源となります。また、ここにあるパターンの多くは本当に優れています。

http://www.cssbake.com/

 

Web Design Practices

比較的古いWebサイトですが、あまり更新されていません。ともあれとても役立つコンテンツがあります。

http://www.webdesignpractices.com/index.html

 

(※本稿は「10 Great Sites for UI Design Patterns 」を翻訳・再編集したものです)

関連記事

おすすめ記事