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

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

本記事の内容

本記事の信頼性

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

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

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

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

Contents

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

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

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

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

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

IKESAIの特徴

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

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

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

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

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

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

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

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

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

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

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

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

Pinterestで勉強されている方は多いです。
以下、Twitterの声をまとめます。

pinterestで「サイトデザイン」で検索。気になるサイトのデザインを観察。「いいな」と感じたところを書き出すだけで引き出しが増える
PinterestでオシャレなWebサイトを色々集めてるんだけど、このオシャレサイトたちのワイヤーフレームも見てみたいなと思ったり
もし僕が今からWeb制作を勉強するなら「①ProgateでHTMLとCSSを基礎学習、②pinterestとかで作れそうなLPを探す、③探したLPの中で3つくらい模写する、④クラウドソーシングで案件を探す」です
Pinterestで移動時間や空いた時間に画像を集めている。デザインの引き出しを増やすため分析を心がけている
Pinterestで好きなものを見つけては保存し、創作時のインスピレーションを得ている

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