定期的に更新中!

サイト制作時に役立つ!WEBデザイン参考サイト一覧

サイト制作時役立つ参考サイト

WEBサイトを新しく制作する前に、ディレクターであれ・デザイナーであれ、必ず参考サイトを探します。その時の探す手間を少しでも省けるよう、参考サイトをリスト化していこうと思います。

また、集めた参考サイト一覧は、数ではなく質を考慮して集めているので、このページで紹介していない良いサイトがあれば、お問い合わせからご連絡いただけると嬉しいです。

SANKOU!

Webデザインギャラリー・参考サイト集
→ SANKOU!

このWEBサイトの特徴

Webデザイン制作時に参考になる、国内のWEBサイトを集めたサイトになります。
掲載されているカテゴリは、下記などのサイトのタイプなどがあり、

  • WEBサイト
  • LP(ランディングページ)
  • コンテンツページ

この他、コーポレートサイト・ブランドサイト・サービスサイト・ECサイト・キャンペーンサイト・ポータルサイト・コミュニティサイト・採用サイトなど、幅広いデザインの参考を見つけることができます。

また、クライアントニーズを絞り込める、以下のようなカテゴリが用意されています。

  • 業種や業態
  • WEBデザインのジャンルやテイスト
  • WEBデザインのカラー
  • レイアウト・カラム
  • UXが考慮された挙動のあるWEBデザイン
  • 多言語

調べやすいメニューになっている点が、このサイトの良い点です。
※2021.05.31 現在は、2412サイトが掲載中

MUUUUU.ORG

クオリティが高い縦長のwebデザインギャラリー・サイトリンク集
→ MUUUUU.ORG

このWEBサイトの特徴

クオリティの高いWEBサイトが多数紹介されているサイトです。
サイトのポリシーにもある通り、本当にデザイン性が高いものが多いため、見るだけでインスピレーションが湧いてきます。

掲載されているカテゴリは、以下などです。

  • 業種・業態
  • デザインのジャンルやテイスト
  • サイトのタイプ
  • WEBデザインのカラー

※グローバルナビゲーションのカテゴリから検索できます。

Web Design Clip

Web制作の参考になるWebデザインギャラリー・リンク集
→ Web Design Clip

このWEBサイトの特徴

バーガーメニューにあるTagで、WP・レスポンシブ・WEBフォント・ロゴ・見出しなどの独自の検索があるのが他のサイトと違う点です。

グローバルメニューからは、以下が選べます。

  • 言語(日本語)
  • 言語(世界)
  • LP
  • スマートフォン

バーガーメニューからは、以下が選べます。

  • カラー
  • Category:業種
  • Tag:テイストやレイアウト。その他、独自のタグ

※2021.06.01 現在は、1,531サイトが掲載中

I/O 3000

Webデザインに関わる人のための Webデザインギャラリーサイト
→ I/O 3000

このWEBサイトの特徴

国内外のWebサイトを掲載しているため、デザイン制作の際に役立つサイトです。
掲載されているカテゴリは、以下などがあります。

  • 業種・業態
  • タグ(デザインのテイストやジャンル、技術など)
  • WEBサイトのカラー
  • アーカイブ(年度)

S5-Style

参考になるハイクオリティなサイトのリンク集・Webデザインギャラリー
→ S5-Style

このWEBサイトの特徴

良いデザインが多数掲載されているサイトです。

カテゴリを絞って確認したい場合は、グローバルメニューの「Categories」から絞り込み表示が可能です。
掲載されているカテゴリは、以下などがあります。

  • 業種・業態
  • WEBデザインの種類
  • WEBサイトのカラー
  • WEBサイトの種類
  • アーカイブ(年度)

81-web.com

日本のWebデザイン・Webサイトギャラリー&リンク集
→ 81-web.com

このWEBサイトの特徴

日本のWebサイトを掲載したサイトです。

他のサイトと違う点は、サイト画像をホバーするとサイトの情報が表示される点。
ページ遷移せずとも、気になったサイトデザイン(画像)の情報を確認することが可能です。

※サイト全体を確認したい場合
 画像上をホバーした際に表示されるサイトのタイトルテキストをクリックすると確認できます。

※2021.06.06 現在は、7,984サイトが掲載中

straightline

Webデザインの参考・お手本となるサイトを集めたWebサイトギャラリー・リンク集
→ straightline

このWEBサイトの特徴

海外のサイトも多いということで、紹介されているWEBサイトがとてもオシャレです。また、日本のサイトも工夫やアイデアが多く盛り込まれているものが多いため、よくあるサイトではなく工夫を凝らしたサイトを作りたい時などの参考サイトとして最適です。

掲載されているカテゴリは、以下などです。

  • WEBサイトのカラー
  • WEBサイトの種類
  • レイアウトパターン(カラム)
  • その他(言語・JSなど)

【昔からあるサイト】ikesai

ウェブデザイナーのWEBデザインデータベース
→ ikesai.com

このWEBサイトの特徴

WEBデザイナーのためのWEBデザインポータルサイトで、かなり昔から運営されています。
その名の通り「イケてるサイト=イケサイ」をピックアップして掲載されています。

掲載されているカテゴリは、以下などです。

  • 業種・業態
  • 色・配色

サイトのレイアウトが昔のままなので、やや掲載しているサイト自体は古い印象がありますが、掲載している情報自体は参考になります。

【番外編】Pinterest

アイデアを発見・整理するツール
→ Pinterest

このWEBサイトの特徴

写真共有サービス「Pinterest」も、デザインだけを参考にしたい場合はオススメです。
普通に検索するよりも沢山の種類のWEBデザインが確認できたり、配色についても結構参考になるものが多いです。

参考サイト一覧で、自分の求めているデザインが見つからなかった場合などは、Pinterestを使って参考サイトを探しています。

【WP特化】WPデザインギャラリー

WordPress(ワードプレス)を使用した国内外のWebサイトを収集したWebデザインギャラリー
→ WPデザインギャラリー

このWEBサイトの特徴

WordPress(ワードプレス)を使用したWEBデザインに特化したWEBデザイン一覧サイトです。CMSを絡めたWEBデザインを制作する際は、システム面を考慮して制作する必要があるため参考サイトが役立ちます。

掲載されているカテゴリは、以下などです。

  • 業種・業態
  • WEBサイトのテイスト
  • WEBサイトのカラー
  • レイアウト(カラム)

フッターから検索できます。
※2021.05.31 現在は、443サイトが掲載中

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA