logo-idv ico_pp

【2018年版】WEBサイト、LP、バナー作成で参考にしたいギャラリーサイト

デザイン

title_01
WEBサイトやLPやバナーなどのデザインを作成する際、どのようなデザインにするか悩んだことはないでしょうか?そんな時はギャラリーサイトを参考にする方も多いかと思います。
今回は、WEBサイト、LP、バナー作成時、デザインの参考になるギャラリーサイトをまとめました。

WEBサイト

Responsive Web Design JP

web_001
日本国内サイトに特化したレスポンシブWEBデザインのギャラリーサイトです。
スマホ、タブレット、PCの3デザインが一覧上でまとめて確認できるので、レスポンシブでデザインを作成する場合などイメージの参考になります。
「カテゴリー」「色」「技術」「サイトのタイプ」「フリーワード」で絞り込みを行うことができます。

sps collection(エスピーエス・コレクション)

web_002
スマホサイトのギャラリーサイトです。
お気に入りのデザインをサイト内で簡易ブックマーク出来るのも特徴です。
「カテゴリー」「色」「アーカイブ」「フリーワード」で絞り込みを行うことができます。

S5-Style

web_003
日本国内だけでなく、海外のWEBサイトまで幅広くまとめられているギャラリーサイトです。
「サービス」「クリエイティブ」「色」「技術」「サイトタイプ」で絞り込むことができ、AND検索かOR検索を選択することも出来るので、目的に応じて検索のしかたもカスタマイズできます。
さらに、Settingのメニューから背景色を変更するなど、好みの表示に設定ができます。

LP(ランディングページ)

ランディングページ集めました。

lp_001
ランディングページに特化したデザインギャラリーサイトです。
LPをまとめているサイトは少ないので参考になります。LPの種類は「サービス」「求人・転職」「美容・化粧品」「健康食品」など様々で、「色」「カテゴリー」「アーカイブ」から絞り込むことができます。

Web Design Clip

lp_002
ランディングページのデザインギャラリーサイトです。
「フリーワード検索」「メインカラー」「サブカラー」「カテゴリー」「タグ」から絞り込むことができます。

バナー

バナーデザイン | レトロバナー

bnr_001
バナーデザインをあつめたギャラリーサイトです。
「サイズ」「色」「業種」「テイスト」から探すことができます。
掲載バナー数も多く、絞り込みも細かく出来るので目的のバナーにすばやくたどり着けます。

Bannnner.com

bnr_002
数は少なめですが、素敵なバナーが多く、参考になります。
カテゴリー検索で絞り込むことができます。

こねこのバナーデザインアーカイブ

bnr_003
ページ下部に絞り込みリンクがあります。こちらも素敵なバナーが多く掲載されています。
600×500や1200×628など、高解像度バナーの掲載があるのもいいですね。

その他

MOBILE PATTERNS

other_001
機能、目的別のスマホデザインギャラリーサイトです。
「機能」「iPhone/Android」「フリーワード検索」で絞り込むことができます。
なかなかこういった機能毎にデザインをまとめているサイトは少ないので参考になります。

フライヤー・チラシデザイン

other_002
1999年から現在までのフライヤー・チラシデザインがまとめられています。
普段WEBのデザインに慣れているとチラシのデザインは新鮮です。
タグ検索で絞り込むことができます。

いかがでしたでしょうか。ギャラリーサイトは、デザインの参考になるのはもちろん、見ているだけでも面白いです。
なお、今回紹介したサイトはほんの一部です。検索すると色々なまとめサイトが出てくると思います。

あとがき

余談ですが、デザインの参考になるものは、身の回りにも多いです。例えば、電車の中吊り広告。決められたスペースに必要な情報を入れる必要があるので参考になります。
身近なところにもデザインのアイディアはたくさんあるので、いつもと違う視点で見てみると面白い発見があるかもしれません。

執筆者プロフィール

デジタルマーケティング本部 プロダクトグループに所属のデザイナーです。休日はTV録画を観て過ごしています。その中でも「ピタゴラスイッチ」と「デザインあ」を最近よく見ます。(今更感…)ピタゴラ装置は撮影するのにどれだけの時間がかかっているのか気になります…。「デザインあ」は”もん”のコーナーが特に好きです。