まとめて良かった!WEBデザインするときに参考になるデザインまとめサイトのまとめ
  • まとめて良かった!WEBデザインするときに参考になるデザインまとめサイトのまとめ
  • 記事公開:2015/10/10
  • 最終更新:2015/10/18

まとめて良かった!WEBデザインするときに参考になるデザインまとめサイトのまとめ

WEBデザインの参考になる21の「デザインまとめサイト」をご紹介します。WEBデザインをする方には、役立つコンテンツかな~と勝手に思い込んでいます。WEBデザインの参考にしてください。

この記事は約 5 分で読めます。

参考になるデザインまとめサイト20選

ご紹介する順番に意味はありません。
思い出した順番です。

S5-Style

S5 Style
検索機能が充実。
サービス内容、カラー、サイト形式、言語などからサイトデザインを検索できます。

81-web.com

81 web.com
こちらも掲載サイトが検索しやすい。
サイトジャンル、カラー、独自タグなどからお好みのサイトデザインを検索できます。

ARTNOC.COM

ARTNOC.COM クリエイティブなWebデザインの参考まとめサイト
約1000件のデザインがまとめれています。
サイトの内容によって分類されていて、お好みのサイトデザインを検索できます。

bookma!

bookma
様々なデザインが細かく分類されているまとめサイト。
ソーシャルメディアで言及数が多い順に、サイトデザインを並べ替えれるのが特徴。

ikesai.com

ikesai
毎日2~4のデザインが追加されている。
サイトジャンルとサイトカラー単位でサイトデザインがまとめられています。

I-O 3000

IO3000
2000件近いサイトデザインがまとめられています。
個人的にこのサイトのデザイン自体がお気に入りです。

webdesignclip

Web Design Clip
掲載サイト数は約350サイトと少な目。
オシャレなサイトが多い印象のあるサイトです。

WebSite Color Index

WebSite Color Index
カラー、イメージ、業種で1000件程度のサイトデザインを分類。
各サイトの画像が小さめで若干デザインを探しにくい印象を受けます。

ズロック

ズロック
3000件程度のサイトがまとめられています。
各サイトのキャプチャ画像のサイズを変更できるのが特徴。
メニューが分かりにくいけど、左上にあります。

WEBデザインの見本帳

WEBデザインの見本帳
まとめられているデザイン数も多め。
デザインの分類はしっかりしているし、ランキング機能があるのも特徴の一つ。

WEB de DB

WEBdeDB
まとめられているデザイン数はそこそこ。
各デザインのキャプチャが小さく、デザインを選びにくい印象。

Good Design Web

Good Design Web
約1500件のサイトデザインがまとめられています。
ジャンルとカラーでそれらを分類。
個人的にはサイトデザインを選びやすい印象があります。

週刊ウェブデザイン

週刊ウェブデザイン
約3000件のサイトを掲載。
1ヶ月に100件以上のデザインを追加しているのが特徴。
分類がカテゴリーだけなのがちょっと残念に感じています。

RWDJP

Responsive Web Design JP
レスポンシブデザインをまとめたサイト。
私の確認した限りでは、唯一のレスポンシブデザイン専門サイトです。

WPデザインギャラリー

WPデザインギャラリー
WordPressを使用した国内外のWebサイトをまとめたサイトです。
WordPressでこんなサイトが作成できるのか~と感心することが多いです。

Web Selection

ウェブセレクション
約2000件のサイトデザインがまとめられています。
デザインの分類がジャンルだけなのが少し残念。
個人的には気に入っています。

ウェブコレクション

ウェブコレクション!
サイト数は少なめです。
デザインの参考になる事は少ないかな・・・。

ホームページチャンネル

ホームページチャンネル
デザイン数はまだ少なめ。
各項目を選択してAND検索できるのが、個人的には便利です。

MUUUUU.ORG

MUUUUU.ORG
縦長のwebデザインをまとめたサイトです。
面白い視点でサイトデザインをまとめていると思いますね。

WEBデザインギャラリー

dydey
WEBデザインギャラリー

デザイン数はまだ少なめ。
個人的にいいな~と思うデザインが多く見つかるサイトです。

ランディングページ集めました。

ランディングページ集めました。
縦長のランディングページをまとめたサイトです。
ランディングページのまとめでは一番のオススメ!

ランディングページデザインリンク集

ランディングページデザインリンク集
ランディングページをまとめたサイトです。
主にネットショッピング系のランディングページがまとめられています。

まとめ

WEBデザインのまとめサイトを20サイトご紹介しました。

ブラウザの「お気に入り」に保存しておいたサイトをまとめてみたわけですが、再確認してみるとデザインのまとめサイトって以外と多くありますね。

眺めているだけでも、デザイン力が上がりそうな気がします。

この記事が気に入ったら【いいね】しよう!

あなたのWEBサイトをWordpressで
管理できるようにしませんか?

あなたのWEBサイトを見た目そのままでWordpress化いたします。
以下に興味のある方は、お気軽にご相談下さい。

  • あなたのWEBサイトを、Wordpressで運営できる様にいたします。ページの編集や追加も簡単に行えるようになります。
  • どの様な形式のサイト(例えば、アメブロ、MTサイトなど)でもWordPress化いたします。
  • Wordpress化でサイトのデザインが崩れるなどの心配は必要ありません。デザインもサイト構成もほぼ変わらない、高い再現率が自慢です。
  • 単にWordpress化するだけではありません。デザイン変更など+αの作業にも対応することも可能です。
  • 他案件との兼ね合いもありますが、最短即日であなたのサイトをWordpress化いたします。
  • 初心者でもWordpressが使えるよう、納品後に徹底的な操作サポートをご提供いたします。Wordpress化したけど操作できないと、あなたが頭を抱えることはありません。

興味のある方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • CSSだけでHTMLのbrタグを無効にする方法

    2016-02-14

    CSSだけでHTMLのbrタグを無効にする方法をご紹介します。レスポンシブサイトなど、スマホ表示の場合のみbrタグを削除したい場合など重宝します。1分で理解できる無いようですので、サクッと身につけてしまいましょう。 記事を読む

  • 画像が読み込めなかった時に別の画像を表示させる方法

    2015-12-31

    画像が読み込めなかった時に別の画像を表示させる方法をご紹介します。画像が読み込めない時、altのテキストではなく別の画像を表示させたい方は必読です。3分後には実装可能です。 記事を読む

  • CSSで背景を半透明にする方法

    2014-12-09

    「CSSで背景色を半透明する方法」をご紹介します。 記事を読む

  • GOOGLEマップをレスポンシブに対応させる方法

    2016-02-15

    GOOGLEマップをレスポンシブに対応させる方法をご紹介します。GOOGLEマップは埋め込みコードを設置しただけはレスポンシブに対応していません。この記事を読めば3分でGOOGLEマップをレスポンシブに対応させることができます。 記事を読む

  • iPhoneのsubmitボタンのスタイルを初期化する方法

    2016-02-16

    iPhoneのsubmitボタンのスタイルを初期化する方法をご紹介します。iPhoneのsubmitボタンはデフォルトで角丸のスタイルが適用されています。このスタイルを解除する方法をまとめてみました。簡単な内容ですが知らない方には重宝な内容になっています。 記事を読む

コメントを残す


(必須)

CAPTCHA