【初心者向け11選＋α】Webデザインギャラリー・参考サイトまとめ

「Webデザインの初心者向け参考サイト、特徴を知りたい」
「参考サイトはたくさんあるけれど、使いやすく見やすいのはどれ？」

この記事はそんなWebデザイン初心者へ向けて書いています。

本記事の内容

Webデザインの初心者向け参考サイト、ギャラリー11選＋α

本記事の信頼性

・2019年1月からWordPressで当ブログ開設（最高で月間62,000PV）
・2021年6月からWebデザインの職業訓練校に通い、修了（6ヶ月間）
・使用テキスト：Webデザイン良質見本帳

優れたWebサイトを作るためには、ギャラリーサイトでトレンドやレイアウトを日々チェックするのが重要です。

本記事では、最新のデザインや技術のトレンド、情報設計の参考になるWebデザインギャラリー、参考サイトをまとめました。
この記事を読むことで、初心者でも使えるWebデザインの参考サイト11選がわかります。

更新頻度の高いサイトもあり、デザインを見る目を養いたい方にも最適です。
職業訓練校の先生おすすめのサイトも1つ掲載しています（MUUUU.ORG）。

参考になるWebサイトは自分なりにまとめておくと、サイト制作時に重宝します。

なお、Webデザイン基礎知識は下記記事で詳しく解説しています。
»【初心者向け】Webデザイン基礎知識まとめ【入門から色彩、配色】

Webデザイン良質見本帳　目的別に探せて、すぐに使えるアイデア集

» Amazonの商品レビュー・口コミを見てみる

Contents

【初心者向け11選＋α】Webデザインギャラリー・参考サイトまとめ
まとめ：Webデザインギャラリー・参考サイトでデザインセンスを養おう

【初心者向け11選＋α】Webデザインギャラリー・参考サイトまとめ

Webデザイン・ギャラリー参考サイト11選＋α

上記サイトはプロのWEBデザイナーならほとんど知っているものばかり。
初心者の方はWEBデザインの練習やインスピレーションのために知っておいて損しません。

順番に解説します。

1．ズロック

ズロック

かっこいいWebデザインのリンク集です。

左上のタグマークを選択すると、以下などが絞り込めます。

業種
種類
カラー
イメージ
レイアウト

» ズロック

2．IKESAI

イケサイ

Webサイトをカテゴリやカラー別に検索できます。

IKESAIの特徴

多様なデザイン
1,400以上の事例数
サイト一覧の画像サイズが小さめ

全国のWebサイト制作会社がまとめられています。
各地のWeb制作会社を探している人には便利です。
» IKESAI

3．SANKOU！

sankouサイト

Webデザイン制作の参考になる国内だけのサイト集です。

Webサイト
ECサイト
ランディングページ
コンテンツページ

事例数は2,200以上で、更新頻度も高いです。

右上のタグマークからあらゆるジャンルやスタイル、カラー、動きなどでサイトを絞り込めます。

使いやすく、サイト一覧も見やすいです。

下記などでも検索できるので重宝します。

1カラム＋2カラム
ステキな下層ページ
ステキなレイアウトあり
シズル感、訴求力のある写真

» SANKOU！

4．I/O 3000

Webデザイン

Webデザインに関わる人のためのギャラリーサイト。
少しサムネイルが大きめです。

更新頻度が高く、国内外を問わず毎月20件ほど追加されています。

検索にはカテゴリ・タグ・色のほかに「テキスト検索」も可能。

「シャッフル機能」もあります。
インスピレーションを得たいときや、新しい視点が欲しいときに使えます。

事例数は5,500以上です。
投稿日が掲載されているのも珍しいですね。
» I/O 3000

5．Pinterest

気に入ったデザインのアイデアを集めて、自分のアカウントボードに保存できます。

Pinterestで勉強されている方は多いです。
Twitterから5つ、引用します。

忙しくてデザインする時間がとれない時のオススメ勉強法は「目を鍛える」です。今日は実際にぼくがやってる方法をご紹介しますね。pinterestで「サイトデザイン」で検索。気になるサイトがあれば画像をクリック。デザインをじっくり観察。いいなと感じた所を書き出すだけで引き出しが増えます。

出典：Twitter

PinterestでオシャレなWebサイトを色々集めてるんだけど、このオシャレサイトたちのワイヤーフレームも見てみたいなと思ったり。デザイン演習課題が楽しいんだけどなかなか進まないのは引き出しがまだまだ少なすぎるからなんだろうな。

出典：Twitter

もし、僕が今からWeb制作を勉強するなら・ProgateでHTMLとCSSを、基礎学習・pinterestとかで作れそうなLPを探す・探したLPの中で3つくらい模写する・クラウドソーシングで、案件を探す案件を探すときは、参考サイトが模写と同じレベルか、作れそうなイメージが浮かぶものを選ぶ感じ

出典：Twitter

勉強当初から続けていること
Pinterestで移動時間や空いた時間に画像を集めています！
デザインの引き出しを増やすため常に分析を心がけています
集めた画像はカテゴリー別でまとめて後から見返しています

出典：Twitter

突然ですが＊parfum doux＊創業前から保存し続けている"私の大好きなもの集"
いろんなサイトを日々見て勉強してますが、Pinterestが私の中で一番で、好きなものを見つけては保存し、そこから創作する時のインスピレーションを得ています
今では保存枚数が何千枚に
こう見ると紙類好きみたい

出典：Twitter

Pinterestは、センスが良いものが多い気がします。
» Pinterest