こんにちは、カザマックスです。
Webデザインをするときにデザインのトレンドを知ったり、アイデアの参考に色々なサイトを見ることは重要ですよね！クライアントとのイメージの共有にも役立つWebデザインのまとめサイト。普段私がよく見ているものから今回新しく発見したものまでおすすめ12サイトを集めてみました。
目次
MUUUUU.ORG
見やすさ、使いやすさ、載って嬉しいギャラリーサイトというコンセプトで、まさにWebデザイナーのためにつくられたポータルサイト。厳選された縦長サイトが業種別、デザインテイスト、メインカラー、サイトタイプでカテゴリ分けされています。頻繁に更新されていますので、トレンドをチェックするためにはもってこい。Webデザイナーが業務中に参考サイトを探すためのサイトなのでPC専用でIE6,スマートホンには対応していないということです。
81-Web.com
日本の国際電話番号「81」に由来したサイト名で、国内の優れたサイトのみピックアップしているそうです。業種別、サイトのベースカラー、タグでカテゴリ分けされています。自分のお気に入りのサイトをピックアップしてまとめておくこともできるので後でゆっくり確認することができます。被お気に入り数やブックマーク数などが表示されているので人気のサイトが一目瞭然。
Web Design Clip
2019年3月現在の登録サイト数は1,831サイト。サイトのメインカラー、サブカラー、レイアウトでも絞り込み検索ができます。作りたいサイトの具体的な構成のイメージがあるデザイナーにおすすめです。
姉妹サイトとして、ランディングページ用、スマホ用のギャラリーサイトの他に「Web制作に役立つ情報サイト」があります。
https://www.Webdesignclip.com/
straightline bookmark
2019年3月現在の登録サイト数 23,026サイト。会員登録すると、サイトのブックマークやお気に入り登録ができます。日本のサイトが紹介されていますが、サイト内は英語表記。メインカラー、目的、レイアウト等で絞り込み検索ができます。TOPページのサムネイルは大きさが変えられるので、小さいサムネールで一度にたくさん見たい人、大きいサムネイルで1つ1つじっくり見たい人、どちらにもOKです。
S5-Style
日本のみならず海外のサイトもまとめられています。業種別やサイトで使われている視覚効果・技術・デザインタイプなどで詳しく絞り込みが可能。お気に入りサイトを一時的に保存してメーラーに貼り付けることもできます。サイトの背景色や表示形式も変えられるので自分が見やすいようにカスタムできます。
I/O 3000
国内外問わず参考サイトがまとめられています。業種、メインカラー、タグ、登録年月などで絞り込み検索が可能。サイトはシンプルで使いやすい作りになっており、頻繁に更新されています。Twitterをフォローしておくと更新情報がチェックできます。
SANKOU!
スマホ、ランディングページ、バナーデザインも検索できます。業種、メインカラーはもちろん使っている効果やレイアウト、ターゲット別など多彩なカテゴリ分けがしてあります。一つのサイトでいろいろな効果やレイアウト、各種デバイス向けのデザインを見たい方におすすめです。
GENDAI DESIGN
デザイン性に優れたサイトのTOPページと中面のページまで掲載されているのが特徴的なサイトです。ほぼ毎日更新されています。業種とサイトのメインカラーでカテゴリ分けされているのに加え、登録された日付カテゴリもありますので、新しいサイトを見つけやすいですね。
●ジャンルに特化したギャラリーサイト
Responsive Web Design JP
日本国内のレスポンシブデザインに特化したギャラリーサイトです。各デバイスでの見え方が比較配置されていて非常に分かりやすく、毎日2～３サイト、頻繁に更新されています。業種、メインカラー、技術別などにカテゴリ分けがされており、サイドバーにはレスポンシブWebデザイン情報もまとめられています。レスポンシブデザインのサイトを作りたい方はこちらを参考にするといいですね。
ILLUST BOOKMARK
イラストを使用しているサイトを集めたギャラリーサイトです。イラストをメインにもってくるサイトが作りたい！というときはこちらを参考にしてみてください。
http://www.illustbookmark.info/
ARTNOC.COM（キャンペーン・プロモーション）
ARTNOC.COMのなかでもキャンペーン・プロモーションに特化したギャラリーサイトです。期間限定のものも多いので、TOPのバナーをクリックすると掲載時の各サイトの全体像をスクロールで確認できるようになっています。サイトタイプ・業種・メインカラー・レイアウト・視覚効果などいろいろなカテゴリ分けがされています。
http://art-noc.com/category/sitetype/campaign-promotion
LP アーカイブ
LP（ランディングページ）に特化したまとめサイト。業種、メインカラー、イメージでカテゴリ分けされており、PCでの見え方とスマホでの見え方の切り替えボタンもあります。一覧表示の他、キャッチコピー表示もあり、LPで重要なキャッチコピーの参考にもなります。バナーをクリックするとLPの全体像が確認でき、掲載先のLP情報も詳しく載っています。2019.3現在の登録サイト数13,757です。
まとめ
いろいろなWebサイトをみていると、こんなサイトもいいなぁ作ってみたいなーと意欲が湧いてきませんか？？
Webデザインのまとめサイトを眺めながらみなさんに良い刺激とひらめきがありますように！
最新記事 by カザマックス (全て見る)
- リーズナブルだけど豪華に魅せるお正月のウィンドウ装飾3選【デコラヒロバ】 - 2023年12月20日
- 特色ある保育所づくりと先生の業務負担削減で選ばれる保育所に！【保育博出展！】 - 2023年9月15日
- 横浜こどもホスピス【うみとそらのおうち】にデコラシール“窓デコ”を届けてきました！ - 2023年4月18日
