【まとめ】Webデザインの参考に!おすすめのギャラリーサイト18選を紹介
Webデザインは創造的な仕事です。
あらゆるデザインに触れる機会を持つことで、自分のデザインの幅も広がります。
特に、
「さまざまなWebデザインを見て刺激を受けたい」
「効果的なLPサイトを参考にしたい」
「スマホサイトのデザインに悩んでいる」
という悩みは多くのWebデザイナーが抱えているでしょう。
そこで今回は、
- 参考になるWebデザインのギャラリーサイト
- 参考になるLPデザインのギャラリーサイト
- 参考になるスマホサイトデザインのギャラリーサイト
をご紹介します。
Webデザインの初心者でもプロでも、世の中のデザインを参考にすることは、スキルアップや流行を知るためにとても重要です。
「Webデザインの参考になるサイトを知りたい」という方は、ぜひ最後まで読み進めてみてくださいね。
参考になるWebデザインのギャラリーサイト9選
まずは、参考になるWebデザインのギャラリーサイトを見ていきましょう。
Webデザインは、ユーザーに見せたい世界観によってデザインの質感や構造が変化します。
ギャラリーサイトごとにそれぞれ異なるデザインが見られますよ。
お気に入りのギャラリーサイトを見つけてみましょう。
ご紹介するのは、次の9つのギャラリーサイトです。
- SANKOU!
- 81-web.com
- I/O 3000
- bookma! v3
- MUUUUU.ORG
- straightline bookmark
- .The Best Designs
- S5-Style
- イケサイ
それでは、順番に見ていきます。
1.SANKOU!
「SANKOU!」は高品質なWebデザインのギャラリーサイトです。
Webサイトのほか、LP(ランディングページ)、コンテンツページなどが揃っています。
目的のデザインをすぐに見つけられる検索のしやすさが特徴です。
業種・目的・色など豊富なカテゴリからフィルターを使って検索できますよ。
「ステキなレイアウト」「シズル感・訴求力がある」など、Webデザイナーに嬉しいカテゴリも充実しています。
気になったサイトをお気に入り登録もでき、参考にするときの使い勝手もいいでしょう。
SANKOU!のギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 2,129 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
2.81-web.com
「81-web.com」は、日本の国際電話番号「81」に由来した、国内サイト特化のギャラリーサイトです。
国内のWebデザインを多数掲載しており、参考になります。
「国内サイトをたくさん見たい!」という方におすすめです。
デザインにカーソルを重ねると、会社名・カテゴリ・色・タグなどが表示されます。
右下のパソコンマークをクリックすれば、サイト移動せずにプレビューが表示されて便利です。
検索はカテゴリ・色・タグからのみですが、デザイン数が豊富なので目的のデザインを見つけやすいでしょう。
81-web.comのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 3,641 |
検索しやすさ | ◯ |
更新頻度 | ◎ |
3.I/O 3000
「I/O 3000」は更新頻度が高く、流行を追うのに適したギャラリーサイトです。
国内外のデザインが月20件ほど追加され、最新のデザインを参考にできます。
カテゴリ・タグ・色・年・フリーワードから検索でき、それぞれのデザイン数も一目瞭然です。
枠にとらわれずにインスピレーションを受けたいときは、デザインをランダムで表示するシャッフル機能もおすすめですよ。
自動でデザインを次々に表示する機能もあり、新しいデザインをチェックしやすいでしょう。
I/O 3000のギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 1,448 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
4.bookma! v3
「bookma! v3」は印象的で高クオリティなデザインを集めたギャラリーサイトです。
パソコン版・スマホ版が同時に表示され、ひと目で確認できます。
フリーワード検索のみですが、掲載されるサイトの質が高いので、参考になりますよ。
bookma! v3のギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 938 |
検索しやすさ | △ |
更新頻度 | ◎ |
5.MUUUUU.ORG
「MUUUUU.ORG」は後発ながら、Webデザイナーが参考にしやすい高いデザイン性のサイトを厳選しているギャラリーサイトです。
縦長のオーソドックスなレイアウトに特化しています。
業界・デザイン・サイトのタイプ・色ごとのカテゴリから検索可能です。
特に「フラットデザイン」や「TOPページにJS多用」など、デザインベースでカテゴライズされている点は魅力的でしょう。
MUUUUU.ORGのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 4,603 |
検索しやすさ | ◯ |
更新頻度 | ◎ |
6.straightline bookmark
「straightline bookmark」は圧倒的なデザイン数を誇るギャラリーサイトです。
国内・海外の高品質なWebデザインを2.5万件以上掲載しています。
色・ジャンル・言語・レイアウトのパターンなど、あらゆる角度からデザインを検索できて便利です。
「とにかくたくさんのデザインを見たい」「多数の選択肢のなかから目的のデザインを見つけたい」という方にはおすすめできます。
ユーザーによるお気に入り数も表示されるため、客観的な評価も得られますよ。
straightline bookmarkのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 25,400 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
7.The Best Designs
「The Best Designs」は世界中からデザインが集められている海外のギャラリーサイトです。
デザイン・デザイナー・テーマ・コレクションなど、ほかのギャラリーにはないカテゴライズで検索できます。
さらに、おしゃれなオフィスやワークスペースの画像も見つけられますよ。
英語表記のギャラリーサイトですが、翻訳機能を使えば問題なく使えるでしょう。
The Best Designsのギャラリーサイトはこちらをご覧ください。
デザイン数 | 1,273 |
検索しやすさ | ◯ |
更新頻度 | ◎ |
8.S5-Style
「S5-Style」は豊富なデザイン数を誇るギャラリーサイトです。
高品質なデザインが7,000以上掲載されています。
業界・クリエイティブ・色・技術仕様・目的・年月など充実したカテゴリで、検索しやすいです。
掲載数が多いので、目的のデザインもすぐに見つけられるでしょう。
S5-Styleのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 7,715 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
9.イケサイ
「イケサイ」は、その名の通りイケてるサイトを集めたギャラリーサイトです。
更新頻度が高く、ほぼ毎日2〜4サイト追加されています。
業種や色、フリーワードから検索でき、ピックアップとして「レスポンシブデザイン」などがあります。
イケサイのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 1,480 |
検索しやすさ | △ |
更新頻度 | ◎ |
参考になるLPデザインのギャラリーサイト4選
次は、参考になるLPデザインのギャラリーサイトを見ていきましょう。
LP(ランディングページ)とは、商品やサービスの注文、お問い合わせに特化した縦長のページのことです。
ユーザーが商品やサービスの魅力を感じ、購買意欲が高まるようなデザインが求められます。
成約率を高めることを目的とするため、どれだけ成約につながるデザインにできたかが重要です。
ギャラリーサイトのデザインを見て、効果的なLPデザインの参考にしましょう。
ここでは、次の4つのギャラリーサイトをご紹介します。
- LP ARCHIVE
- Web Design Clip
- Land-book
- LPadvance
それぞれ詳しく見ていきましょう。
1.LP ARCHIVE
「LP ARCHIVE」は、LPに特化して圧倒的なデザイン数を掲載するギャラリーサイトです。
パソコンデザインは2万件以上、スマホデザインは1万件以上のデザインを掲載しています。
検索も充実しており、豊富なカテゴリ・イメージから検索可能です。
次の順序に並べ替えて表示でき、目的のデザインを探すこともできますよ。
- おすすめ順
- お気に入りが多い順
- 登録が新しい順
- 登録が古い順
また、デザイン一覧の他にキャッチコピー一覧も表示でき、参考になります。
多数のデザインを揃えているため、「たくさんのLPを参考にしたい」という方におすすめです。
LP ARCHIVEのギャラリーサイトはこちらをご覧ください。
デザイン数 パソコン/スマホ(2020年11月) | 20,917/12,802 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
2.Web Design Clip
「Web Design Clip」はクオリティの高い国内・海外のWebデザインギャラリー・クリップ集です。
豊富なLPのほか、スマートフォンサイトデザインも数多く掲載されています。
フリーワード、色、レイアウトから検索できますよ。
更新頻度は高くありませんが、掲載数が多く参考にしやすいでしょう。
Web Design Clipのギャラリーサイトはこちらをご覧ください。
デザイン数 国内/海外(2020年11月) | 2,716/436 |
検索しやすさ | ◎ |
更新頻度 | ◯ |
3.Land-book
「Land-book」は海外のハイセンスなLPを掲載しているギャラリーサイトです。
カテゴリ・タグ・フリーワードから目的のデザインを絞り込んで探せます。
また、新着順・人気順に並べ替えが可能です。
ユーザーからのお気に入り数が表示され、客観的な評価が見られますよ。
更新頻度が高く、ほぼ毎日新しいデザインが追加されています。
サムネイルをクリックするとLP全体のスクリーンショットが見れるので、リンク切れの心配もありません。
Land-bookのギャラリーサイトはこちらをご覧ください。
デザイン数(2019年3月) | 約300 |
検索しやすさ | ◯ |
更新頻度 | ◎ |
4.LPadvance
「LPadvance」はデザイナー目線で参考にしやすいLP特化のギャラリーサイトです。
カテゴリ・タイプ・色・メインビジュアルを指定して検索できます。
サムネイルをクリックすると、サイト内でLP全体を確認できますよ。
アニメgifやjs技術を用いたLPも掲載しており、幅広いLP制作で参考になります。
LPadvanceのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 1,624 |
検索しやすさ | ◯ |
更新頻度 | ◎ |
参考になるスマホサイトデザインのギャラリーサイト5選
最後に、参考になるスマホサイトデザインのギャラリーサイトを見ていきましょう。
スマホサイトデザインは、ユーザーが見やすいよう、階層やレイアウトをシンプルにまとめることが大切です。
シンプルで使い勝手を重視しつつも、個性のあるデザインが求められます。
ギャラリーサイトにあるデザインを参考に、工夫の幅を広げてみてくださいね。
ここでは、5つのギャラリーサイトをご紹介します。
- sps collection
- AGT
- RWD JP
- Inspired UI
- iPhoneデザインボックス
さっそく見ていきましょう。
1.sps collection
「sps collection」はスマートフォンサイトデザインのギャラリーサイトです。
カテゴリ・色・年月から目的のデザインを検索できます。
フリーワード検索も可能ですよ。
更新頻度も高く、月15件〜20件は安定して更新されています。
sps collectionのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 2,007 |
検索しやすさ | ◎ |
更新頻度 | ◎ |
2.AGT
「AGT」はレスポンシブに特化したスマホサイトデザインのギャラリーサイトです。
サムネイルをクリックすると、デザイン全体のスクリーンショットを見ることができます。
検索は色・業種・タグからのみです。
AGTのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 472 |
検索しやすさ | △ |
更新頻度 | ◯ |
3.RWD JP
「RWD JP」は国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
カテゴリ・色・技術仕様・サイトタイプから検索できます。
魅力的なデザインが集められており、レスポンシブサイト制作の参考に役立ちますよ。
RWD JPのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 3,651 |
検索しやすさ | ◎ |
更新頻度 | ◯ |
4.Inspired UI
「Inspired UI」は、インスパイアされるような魅力あるデザインが掲載されているギャラリーサイトです。
iPhone・iPad・Androidの3機種に対応するデザインをまとめています。
切り替えて表示を確認できるので便利です。
目的のデザインを探すときは、カテゴリとフリーワードからの検索になります。
Inspired UIのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 不明 |
検索しやすさ | △ |
更新頻度 | ◯ |
5.iPhoneデザインボックス
「iPhoneデザインボックス」は、iPhoneで表示するサイトのデザインに特化したギャラリーサイトです。
主に国内のスマートフォンサイトがまとめられており、パソコン版とスマホ版のスクリーンショットを見ることができます。
更新頻度は高くないものの、スマートフォンで見られる高品質なデザインを掲載しているので参考になりますよ。
iPhoneデザインボックスのギャラリーサイトはこちらをご覧ください。
デザイン数(2020年11月) | 667 |
検索しやすさ | ◯ |
更新頻度 | △ |
まとめ:自分の目的に合ったギャラリーサイトを参考にすることが大切
今回は、Webデザイン、LPデザイン、スマホサイトデザインの参考になるギャラリーサイトをご紹介しました。
Webデザインでは、クライアントの要望を満たしながら、ユーザーにとって見やすいページを作ることが重要です。
そのためには、自分で最適な目的を設定し、適切にデザインするスキルを身につける必要があります。
ギャラリーサイトを参考にすると、どんな目的においてどのようなデザインがされているかを学べますよ。
自分の目的に合ったギャラリーサイトを参考にして、デザインの幅を広げていきましょう。