WEBデザインの参考にしたいまとめサイト

【2019年最新】WEBデザインはじめる前に参考にしたいサイト12選

カザマックス カザマックス

こんにちは、カザマックスです。
WEBデザインをするときにデザインのトレンドを知ったり、アイデアの参考に色々なサイトを見ることは重要ですよね!クライアントとのイメージの共有にも役立つWEBデザインのまとめサイト。普段私がよく見ているものから今回新しく発見したものまでおすすめ12サイトを集めてみました。

 

MUUUUU.ORG

見やすさ、使いやすさ、載って嬉しいギャラリーサイトというコンセプトで、まさにWEBデザイナーのためにつくられたポータルサイト。厳選された縦長サイトが業種別、デザインテイスト、メインカラー、サイトタイプでカテゴリ分けされています。頻繁に更新されていますので、トレンドをチェックするためにはもってこい。WEBデザイナーが業務中に参考サイトを探すためのサイトなのでPC専用でIE6,スマートホンには対応していないということです。

MUUU.ORG

https://muuuuu.org/

 

81-web.com

日本の国際電話番号「81」に由来したサイト名で、国内の優れたサイトのみピックアップしているそうです。業種別、サイトのベースカラー、タグでカテゴリ分けされています。自分のお気に入りのサイトをピックアップしてまとめておくこともできるので後でゆっくり確認することができます。被お気に入り数やブックマーク数などが表示されているので人気のサイトが一目瞭然。

81-web

https://81-web.com/

 

Web Design Clip

2019年3月現在の登録サイト数は1,831サイト。サイトのメインカラー、サブカラー、レイアウトでも絞り込み検索ができます。作りたいサイトの具体的な構成のイメージがあるデザイナーにおすすめです。
姉妹サイトとして、ランディングページ用、スマホ用のギャラリーサイトの他に「web制作に役立つ情報サイト」があります。

web_design_clip

 

https://www.webdesignclip.com/

 

straightline bookmark

2019年3月現在の登録サイト数 23,026サイト。会員登録すると、サイトのブックマークやお気に入り登録ができます。日本のサイトが紹介されていますが、サイト内は英語表記。メインカラー、目的、レイアウト等で絞り込み検索ができます。TOPページのサムネイルは大きさが変えられるので、小さいサムネールで一度にたくさん見たい人、大きいサムネイルで1つ1つじっくり見たい人、どちらにもOKです。

straightline

http://bm.straightline.jp/

 

S5-Style

日本のみならず海外のサイトもまとめられています。業種別やサイトで使われている視覚効果・技術・デザインタイプなどで詳しく絞り込みが可能。お気に入りサイトを一時的に保存してメーラーに貼り付けることもできます。サイトの背景色や表示形式も変えられるので自分が見やすいようにカスタムできます。

s5-style
http://bm.s5-style.com/

 

I/O 3000

国内外問わず参考サイトがまとめられています。業種、メインカラー、タグ、登録年月などで絞り込み検索が可能。サイトはシンプルで使いやすい作りになっており、頻繁に更新されています。Twitterをフォローしておくと更新情報がチェックできます。

IO3000
https://io3000.com/

 

SANKOU!

スマホ、ランディングページ、バナーデザインも検索できます。業種、メインカラーはもちろん使っている効果やレイアウト、ターゲット別など多彩なカテゴリ分けがしてあります。一つのサイトでいろいろな効果やレイアウト、各種デバイス向けのデザインを見たい方におすすめです。

sankou
https://sankoudesign.com/

 

GENDAI DESIGN

デザイン性に優れたサイトのTOPページと中面のページまで掲載されているのが特徴的なサイトです。ほぼ毎日更新されています。業種とサイトのメインカラーでカテゴリ分けされているのに加え、登録された日付カテゴリもありますので、新しいサイトを見つけやすいですね。

gendai

https://gendaidesign.com/

 

●ジャンルに特化したギャラリーサイト

Responsive Web Design JP

日本国内のレスポンシブデザインに特化したギャラリーサイトです。各デバイスでの見え方が比較配置されていて非常に分かりやすく、毎日2~3サイト、頻繁に更新されています。業種、メインカラー、技術別などにカテゴリ分けがされており、サイドバーにはレスポンシブwebデザイン情報もまとめられています。レスポンシブデザインのサイトを作りたい方はこちらを参考にするといいですね。

Responsive
http://responsive-jp.com/

 

ILLUST BOOKMARK

イラストを使用しているサイトを集めたギャラリーサイトです。イラストをメインにもってくるサイトが作りたい!というときはこちらを参考にしてみてください。

イラストブックマーク

http://www.illustbookmark.info/

 

ARTNOC.COM(キャンペーン・プロモーション)

ARTNOC.COMのなかでもキャンペーン・プロモーションに特化したギャラリーサイトです。期間限定のものも多いので、TOPのバナーをクリックすると掲載時の各サイトの全体像をスクロールで確認できるようになっています。サイトタイプ・業種・メインカラー・レイアウト・視覚効果などいろいろなカテゴリ分けがされています。

ARTNOC

http://art-noc.com/category/sitetype/campaign-promotion

 

LP アーカイブ

LP(ランディングページ)に特化したまとめサイト。業種、メインカラー、イメージでカテゴリ分けされており、PCでの見え方とスマホでの見え方の切り替えボタンもあります。一覧表示の他、キャッチコピー表示もあり、LPで重要なキャッチコピーの参考にもなります。バナーをクリックするとLPの全体像が確認でき、掲載先のLP情報も詳しく載っています。2019.3現在の登録サイト数13,757です。

LP アーカイブ
https://rdlp.jp/lp-archive

 

まとめ

いろいろなWEBサイトをみていると、こんなサイトもいいなぁ作ってみたいなーと意欲が湧いてきませんか??
WEBデザインのまとめサイトを眺めながらみなさんに良い刺激とひらめきがありますように!

店内の壁面装飾にお悩みの方へ

The following two tabs change content below.
カザマックス
新潟県出身、スポーツとお酒をこよなく愛す。
商品の企画、紙媒体やWEBバナーのデザインを担当しています。店舗向けのウィンドウ装飾シール専門店「デコラヒロバ」のチームの一員として「おでこちゃん」など、イラストも描いています。
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket

ブログの読者になる

ブログの読者になると新着記事の通知を
メールで受け取ることができます。
読者登録はコチラ

最近書いた記事

関連の記事

  • feedly
  • rss
backtotop