こんにちは、すみれです🌷
突然ですが、こんなお悩みありませんか？
・Webデザインの参考サイトを探しているけど、どれを見ればいいかわからない…💭
・デザインを作りたいけれど、アイデアが浮かばない…💭
・LPやバナー制作の参考になるサイトが知りたい…💭
Webデザインは、たくさんの作品を見ることで「良いデザインの引き出し」がどんどん増えていきます！
でも、いざ参考サイトを探そうと思っても、ギャラリーサイトが多すぎて迷ってしまいますよね…。
そこで今回は、現役デザイナー目線で厳選した「本当に参考になるWebデザインギャラリー」を制作ジャンルごとにまとめました！✨
デザインの上達には、たくさん作ることも大切ですが、たくさん見ることも同じくらい大切です🌷
どんなデザインを参考にすればいいかわからない…」という初心者さんでも、この記事を見れば制作前のリサーチ時間を短縮できます！🙌🏻◎
ぜひお気に入りのギャラリーサイトを見つけて、デザインの引き出しを増やしてみてくださいね💐
それではさっそく見ていきましょう〜！( ˶˙º̬˙˶ )୨⚑︎"
あわせて読みたい！
🌟この記事を書いた人
- 現役クリエイティブディレクター（CD）￤デザイナー（Web / UIUX）
- デザイン未経験（保育教諭） → 半年で大手化粧品ECサイト運営ディレクターを経験（総合職）
- パソコン未経験からSNS・ブログ・デザインの３ジャンルで収益化達成
バナー
BANNER LIBRARY
バナー制作の参考探しにおすすめのギャラリーサイトです。
業種・ジャンル・カラー・テイストなどから検索できるため、作りたいデザインの方向性を決めたい時に役立ちます。
広告バナーやSNS用サムネイルなど、実際の制作で使いやすいデザインが豊富に掲載されているため、とても便利です！✨
Banner.com
国内外のバナーデザインをまとめたギャラリーサイトになります。
サイズやジャンルごとにバナーを探せるため、広告デザインのアイデア収集にかなり便利。
「目を引くデザイン」「クリックされる構成」を学びたい方におすすめです！🌷
サムネイル
SAMUNE
YouTubeなどのサムネイルデザインを参考にできるギャラリーサイトです。
クリックされるサムネイルの構成や文字配置、配色、視認性を研究したい時におすすめ！
SNS投稿や動画コンテンツのデザイン制作にも活用できます。
プレゼン資料
Slideland
プレゼン資料やスライドデザインの参考になるギャラリーサイトです。
海外の洗練された資料デザインを中心に掲載されており、レイアウト・配色・情報整理のアイデア探しに役立ちます。
資料制作や営業資料のデザインを改善したい方にもおすすめです。
パーツ別デザイン【ヘッダー・フッター・MVなど】
Parts
Webサイト内のパーツデザインを探せるギャラリーサイトです。
ヘッダー・ボタン・フォーム・カードデザインなど、細かいUIパーツごとに参考デザインを確認できます。
Webサイト制作時のアイデア出しやUI設計におすすめです。
LPデザイン
LP advance
LP（ランディングページ）専門のデザインギャラリーサイトです。
業種・カラー・雰囲気などから検索でき、商品販売ページやサービス紹介ページの構成研究に役立ちます。
CVにつながるLPデザインを学びたい方におすすめです。
LP ARCHIVE
国内のLPデザインを数多く掲載しているギャラリーサイトです。
ジャンル別・色別などで検索できるため、制作するLPの方向性を決めたい時に便利。
ファーストビューや導線設計の参考にもなります。
Webサイトデザイン
MUUUUU
国内のおしゃれなWebサイトを集めたギャラリーサイトです。
デザイン性の高いホームページが多く掲載されており、世界観づくりやレイアウトの参考になります。
企業サイト・ブランドサイト制作のアイデア探しにおすすめです。
SANKOU!
日本国内のWebサイトを幅広く掲載しているデザインギャラリーサイトです。
業種・テイスト・カラーなどから探せるため、目的に合わせて参考サイトを見つけやすいのが特徴。
Webデザイン初心者からプロまで利用されています。
Web Design Clip
国内外の優れたWebデザインをまとめたギャラリーサイトです。
最新トレンドのWebデザインや、美しいレイアウトのサイトを探したい時におすすめ。
ホームページ制作前のリサーチに活用できます。
スマホ対応サイト
Responsive Web Design JP
スマートフォン対応されたWebサイトを集めたギャラリーサイトです。
PC・スマホ両方の表示を確認できるため、レスポンシブデザインを学びたい方におすすめ。
スマホ時代のWebサイト設計の参考になります。
HTMLサイト
ikesai.com
国内のWebサイトを紹介する老舗デザインギャラリーサイトです。
企業サイト・ブランドサイトなど幅広いジャンルのWebデザインを見ることができます。
HTMLサイト制作やホームページ制作の参考探しにおすすめです。
メールマガジン
MAIL LIBRARY
メールマガジンやHTMLメールのデザインを集めたギャラリーサイトです。
ECサイト運営やマーケティングで活用されるメールデザインの参考になります。
配信メールのレイアウト・画像構成・CTA設計を研究したい方におすすめです。
まとめ
今回は、無料で使えるWebデザインの参考ギャラリーサイトをご紹介しました🌷
デザイン制作は、ゼロからアイデアを考えるよりも、たくさんの良いデザインを見ることが上達への近道です。
バナーやサムネイル、LP、ホームページ、スマホサイトなど、制作するジャンルによって参考にしたいサイトは少しずつ変わります。
ぜひ今回紹介したギャラリーサイトをブックマークして、デザイン制作やアイデア探しに活用してみてくださいね✨
また、すみれブログではWebデザイン初心者さんに向けて、Photoshop・Illustrator・Figma・STUDIO・WordPressなどの使い方や、デザインのコツもわかりやすく解説しています。
気になる記事があれば、ぜひあわせて読んでみてください🌸
最後まで読んでいただき、ありがとうございました！💐
関連記事はこちら！
- 【2026年最新版】現役デザイナー厳選！配色選びの参考ギャラリー11選｜無料サイトまとめ