Web制作を行う全ての方へ

Webデザインのパーツを作る時参考になるパーツギャラリーサイト14サイト

Webサイトをデザインする際、「この部分のデザインどうしようかな?」っていう事が結構あるのですが、パーツに特化したギャラリーサイトがいくつかあるので、記事にまとめておきます。よく知られているサイトが多いのですが、是非ご参考になればと思います。

Croppy

http://croppy.org/

twitter等で仲良くさせて頂いているなつきさん@Stocker_jp)が運営されてるサイトです。自分が保存したいサイトのキャプチャをブラウザ上で切り取り、アーカイブにして掲載することが出来ます。

ブブンデザインアーカイブ

http://bubundesignarchive.jp/

ブラウザに表示しているパーツをPhotoshopやIllustrator等にドラッグアンドドロップで移動し、デザインのインスピレーションを早めることが出来るように制作されたサイトです。
※デザインをそのまま使っていいという意味ではありません。あくまでインスピレーションのためです。

WEBサイトカッコイイ

http://fukuoka-web.hustle.ne.jp/

サイトのデザインがスッキリしていて、探したい項目がわかりやすく、使いやすいです。

HEADER LOVE

http://www.headerlove.com/

ヘッダー部分に特化した海外のサイトです。コンテンツ幅が広いため、ビジュアル面を含めて見やすいのが特徴です。

見出しデザイン.com

http://midashi-design.com/

twitter等で仲良くさせて頂いているかしゅうさん@daybreak_dawn)が運営されてるサイトです。かしゅうさんはいくつかサイトを運用されていて、このサイトは見出しに特化したサイトです。

フッターデザイン.com

http://footer-design.com/

こちらも同じくかしゅうさんの運営されているサイト。フッターに特化しています。サイト名もわかりやすいのが良いですね。

ファビコンギャラリー.com

http://favicon-gallery.com/

こちらもまた同じくかしゅうさんの運営されているサイトです。ファビコンはサイトの特徴が凄く現れるので、一覧を眺めていても楽しいです。

LOGOLOGO

http://www.logolog.info/

様々なサイトや企業、サービスのロゴが見れます。見るだけでなく、ハート数で評価をつけたり、コメントをつけたりができる、ユーザー参加型のサイトです。

Retrobanner

http://retrobanner.net/

バナーに特化したギャラリーサイトです。サムネイルにマウスをホバーさせると、大きなサイズで確認できるので、ページ遷移がなくユーザビリティが高いのが特徴です。使いやすいですね。

バナーデザインギャラリー

http://www.banner-design-gallery.com/

メニューが左側に設置されているので、カラー別やサイズ別など、タイプ別に見たい時、すぐにページの遷移が出来ます。

バナーデザインアーカイブ

http://banner.keizine.net/

バナー画像のボックスが、レンガ風にずらっと並んでいるので、様々なデザインを流し見てインスピレーションを沸かせたいという時によく使っています。

UI PARADE

http://www.uiparade.com/

UIのデザイン参考になる海外のギャラリーサイトです。Webデザインパーツのクオリティを上げたい時、ディティールの参考にしたり出来ますね。

House of Buttons

http://houseofbuttons.tumblr.com/

こちらもUIのデザイン参考になる海外のギャラリーサイトです。

iconDrop

http://icondrop.net/

twitter等で仲良くさせて頂いているみぞれさん@xxmiz0rexx)が運営されてるサイトです。iOSのアイコンに特化しているので、Webデザインとはちょっと離れてしまいますが一緒に掲載しちゃいました。

Ad



Comments

Joan

We all say it’s awesome because we CAN see what’s going on. You need to know what the nodes are and how they work in order to really follow what he is doing but stli0&#823l;. Awesome to see him working.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です