WordPressを用いたホームページ制作はお任せください!岡山県を中心に絶賛活動中!
  • まとめて良かった!WEBデザインするときに参考になるデザインまとめサイトのまとめ

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

colored-pencils-179170_1280

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サイトご紹介しました。

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

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

シェアしていただきありがとうございます。

colored-pencils-179170_1280

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

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

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

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

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

  • bana-design-matome_a

    バナーデザインに役立つ!バナーデザインのまとめサイト7選

    今回はクオリティの高いバナーを集めたギャラリーサイトをご紹介いたします。クオリティの高いバナーを制作するコツは、クオリティの高いバナーを多く見ること。多くのバナーを見て、デザインセンスを磨きましょう。 記事を読む

  • abstract-422433_1280

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

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

  • oy151013249932_tp_v-2

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

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

  • AL203elvdoki420140830110253500

    たったの3分!WEBサイトの背景に動画を敷く方法

    とある案件でWEBサイトの背景に動画を敷く機会がありました。この機会に動画を背景に敷く方法と、動画背景を実装するときの注意点を分かりやすくまとめてみました。動画背景の実装をご検討中の方、参考にしてください。 記事を読む

  • percent-226357_1280

    CSSで高さ100%のボックスを作成する方法

    CSSで高さ100%のボックスを作成する方法をご紹介します。ある要素の高さを親要素の高さ一杯にしたい場合があるかと思います。今回はそんな時のCSSの記述の仕方です。参考にしてください。 記事を読む

コメントを残す


(必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)