Popular UIsはAdobe Photoshop製のオープンソース・ソフトウェア(MIT License)です。

有名なWebサイトではそのデザインについても様々な考察の上で成り立っています。そこからエッセンスを学び、自分のデザインに活かせる点は多いはずです。そこで使ってみて欲しいのがPopular UIsです。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.24.51_thumb.1371622046.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.24.51.1371622046.png)
Herokuです。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.11_thumb.1371622051.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.11.1371622051.png)
こちらはApple。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.21_thumb.1371622056.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.21.1371622056.png)
Designer News。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.31_thumb.1371622060.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.25.31.1371622060.png)
GitHub。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.26.19_thumb.1371622064.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.26.19.1371622064.png)
Facebook。

[![](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.26.06_thumb.1371622069.png)](http://images.moongift.jp/2013/06/Screenshot 2013-06-19 9.26.06.1371622069.png)
一枚絵ではなくちゃんとレイヤーに階層化されています。

Popular UIsはPSDファイルで提供されています。レイヤー、グループ化されていますので必要な部分だけ素材を切り出したりするのも簡単です。Facebookではルーラーがたくさん設定されていますが、他のPSDでは基本的な部分だけになっているようです。

MOONGIFTはこう見る

プログラマーがソースコードを見ると、そのライブラリの組み合わせ方やモジュールの切り出し方によって実力が分かるのと同じように、デザイナーの方もレイヤーやそのグルーピングによって実力が見えてくるのではないでしょうか。

公開できるということはそれだけ自信があるということかも知れません。出来上がった画像ではなく、その構造を含めて公開すればデザイナー同士の実力を推し量るのに相当役立つのではないでしょうか。

Popular UIs | Free PSDs of popular Web Interfaces

lukechesser/Popular-UIs