Webデザインをパーツ別に参照できるギャラリーサイトまとめ

Webデザインをパーツ別に参照できるギャラリーサイトまとめ

ハルエ

ハルエ

こんにちは。マルコ大好き(ONE PIECE)、デザイナーのハルエです。

このマルコへの熱い想いをLIG社員数名に伝えてみましたが、センスのないリアクションしか返ってきませんでした。マルコのかっこ良さが分からないとは。世も末やわ。

それでは始めるよい。
今回は、Webデザインを各パーツごとに掲載しているギャラリーサイトを紹介させていただきます。
ヘッダー、フッター、ボタン、フォームなど、パーツデザインで悩んだ方、ただ刺激が欲しいって方も、ぜひ参考にしてみてください。

MephoBox

MephoBox
http://box.mepholio.com/

ボタンやナビゲーションだけでなく404ページやカレンダーなどもあり、カテゴリーが豊富なのでおすすめです。サイトも見やすい!

UICloud

UICloud
http://ui-cloud.com/

フリーの良質なUI素材を収集しているサイトです。
キーワード検索で探すこともできますし、、カテゴリー別で一覧することもできます。
CCライセンスで素材のダウンロードまでできちゃいます。

PATTERN TAP

PATTERN TAP
http://patterntap.com/

こちらもデザインには欠かせない部分のデザインがたくさん収集されています。
サインアップすれば自分のお気に入りのパターンライブラリを作ることができます。

UI-Patterns

UI-Patterns
http://ui-patterns.com/

すこ〜しごちゃごちゃしてるサイトですが、とにかくカテゴリーの種類、掲載量が豊富です。
サイト名のとおりUIデザインで悩んだ時はぜひ参考にしてみてください。
Design Patternsでカテゴリー一覧が見れます。

CSSbake

CSSbake
http://www.cssbake.com/

可愛らしくて見やすいサイトでおすすめです。
掲載しているデザインのクオリティも高いです。
こちらはINGREDIENTSからカテゴリー別に見る事ができます。

フッターデザイン.com

フッターデザイン.com
http://footer-design.com/

フッターに特化したギャラリーサイトです。
国内サイトのフッターデザインを掲載しています。

ui parade

ui parade
http://www.uiparade.com/

UIの視点からパーツデザインを収集しているだけあって、サイト自体もとてもきれいです。数はすくないですが、ダウンロードができる素材も掲載されています。

Freebies Booth

Freebies Booth
http://freebiesbooth.com/

データのダウンロードまでできちゃいます。
気に入ったデザインがあれば活用してみてもいいんじゃないでしょうか。

pttrns

pttrns
http://pttrns.com/

iOSのUIを収集しているギャラリーサイトです。

Mobile Design Pattern Gallery

Mobile Design Pattern Gallery
http://www.mobiledesignpatterngallery.com/mobile-patterns.php

スマフォ向けのUIギャラリーサイトです。

House of Buttons

House of Buttons
http://houseofbuttons.tumblr.com/

ボタンデザインを集めたギャラリーサイトです。きれいなものばかりです。

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

ブブンデザインアーカイブ
http://bubundesignarchive.jp/

国内のパーツ別デザインギャラリーです。
掲載しているデザインが国内のサイトなので、参考にしやすいですね。

さいごに

いかがでしたか?必ず重宝するサイトばかりなので、どこかのパーツで行き詰まった時はのぞいてみてください。きっと何かを掴んで帰れるはずです。
そしてパーツを余す所なくデザインしてください。私もそれができるように頑張ります!

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デザイナーの遥江(はるえ)です。 録り溜めたバラエティ番組を観る時間が大好きです。寝付きの良さは誰にも負けません。LINE POP / バブルの女王でもあります(自称)。よろしくお願いします。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL