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

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

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

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

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

参考になるデザインまとめサイト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サイトご紹介しました。

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

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

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

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

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

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

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

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

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

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

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

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

  • 2015-11-11

    片方だけ横幅を設定してfloatする方法

    片方だけ横幅を設定してfloatする方法をご紹介します。横並びの要素で一方だけ横幅を設定したいあなたは、このコンテンツを参考にしてください。2分後にはあなたの希望が形になります。 記事を読む

  • 2014-12-16

    Google web fontsを使う機会があったので使い方をまとめてみました。

    Google web fontsの使い方を解説しています。コピペで簡単!あなたのサイトでGoogle web fontsを使ってみませんか? 記事を読む

  • 2016-02-14

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

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

  • 2016-09-18

    背景画像をレスポンシブに対応させる方法

    背景画像をレスポンシブに対応させる方法をご紹介します。paddingを指定して横幅と縦幅の比率を保持したまま、背景画像を縮小拡大する方法です。3分間です。3分間で背景画像をレスポンシブに対応させる方法をマスターできます。 記事を読む

  • 2017-07-03

    WordPressサイトにWebアイコン【Font Awesome】を実装する方法

    WordPressサイトにWebアイコン【Font Awesome】を実装する方法をご紹介します。WEBアイコンは簡単に使えて非常に便利。この機会に使い方をマスターしてください。初心者の方でも3分間でWEBアイコンの使い方をマスターすることができます。 記事を読む

コメントを残す


(必須)