参考サイトに悩みまくるデザイナーさんに送る! 本当に使えるオススメ参考サイトリンク集9選

参考サイトに悩みまくるデザイナーさんに送る! 本当に使えるオススメ参考サイトリンク集9選

こんにちは。
コックピットでデザイナーとしてお仕事を任せていただき早3年となりました。
スタッフの山本です。

さて、このページを見てくださっているデザイナーのあなた、
「参考サイト探しで詰んだ」ことありませんか?

私はあります。
ここだけの話、2年くらい前までは、参考サイト探しで3時間以上かかってしまうことも度々ありました…。

でも、優秀な参考サイトリンク集をいくつも見つけられたことで、イメージに合うデザインを、必要以上に時間をかけることなく見つけられるようになったんです!

今回は、そんな私が普段の業務で実際にお世話になっている参考サイトを9つに絞りこんでご紹介。
「使いやすい」「見つけやすい」と思って頻繁に使っているサイトのみに限定してお届けいたします!

まずは定番サイト編

多様なデザインテイストからイメージに合ったサイトが探せる!

1. MUUUUU.ORG(ムーオルグ)
http://muuuuu.org/

有名な参考サイトリンク集なので、ご存知の人も多いかもしれません。
このサイトの最大の特徴は、デザインテイストのカテゴリー分けがかなり細かくされているところだと思います。

「シズル感」とか一体どうゆう基準でカテゴライズされてるのか分かりませんが、とにかくそんなカテゴリーも存在するくらい、多様なテイストからサイト探しができます。
「エレガント」「スタイリッシュ」「ナチュラル」あたりは使い勝手が良いのではないでしょうか。

サイトの登録数もかなりのもので、たくさんのハイクオリティなサイトが紹介されています。

AND検索を使った絞り込みで、本当に見たいサイトだけを表示!

2.S5-Style
http://bm.s5-style.com/

「美容系で青のサイトだけ見たい」「和風で緑のサイトだけ見たい」
そんなふうにイメージが固まっている場合、まずこのサイトを見に行くことをオススメします。

サイトの右上にある「Search」からメニューを展開すると、右上に「OR」「AND」と書かれたボタンがあります。
「AND」をオンにして複数のカテゴリーを選択することで、選んだカテゴリーの全てに当てはまるサイトのみを絞り込んで検索することが可能!
本当に見たいサイトだけを限定して探すことができます。

下層ページまでデザインするならココ!

3.現代デザイン
http://gendaidesign.com/

このサイトは、一覧表示の時点で下層ページのデザインまでチェックできるのがの特徴です。
普通のリンク集は、一覧ではトップページだけが表示されていて、クリックすることで下層ページまで見れる仕様になってることがほとんどです。

ページ遷移の待ち時間を大幅に減らすことができるので、下層ページのデザインも重視して参考サイトを探したいなら、このサイトがピッタリです。

ナビゲーションメニューのタイプから探せる!

4.ARTNOC.COM(アートノック)
http://art-noc.com/

中小企業に勤めてるデザイナーの皆さん、
「クオリティの高い1カラムのサイトを参考に制作してたら、サイドナビのつく自分のサイトに全然合わなかった…」なんてことありませんか?(私は何回もあります。)

ナビゲーションがどこにあるかで、メインコンテンツに適したデザインってけっこう変わってしまうんですよね…。

このサイトは、上部にある「CATEGORIES」のリンクから「レイアウト・ナビゲーションタイプ」の欄で、何カラムのサイトかで絞り込んで検索することができます。

特にクセのある「サイドグローバルナビ」の制作の際など、大変お世話になりました。

ランディングページ編

レスポンシブLPに絞って探せる

5.Web Design Clip
http://lp.webdesignclip.com/

世は大レスポンシブ時代。LPだってスマホ対応してるのが当然です。
私達デザイナーも参考サイト探しの時点で、レスポンシブのLPに絞り込んでおく必要があります。

このサイトは、ちょっと分かりにくいですが右上に三本線のメニューボタンがあります。
そこからメニューが開くので、「Tag」と書かれたタブを選択することで、レスポンシブLPのみを見ることができます。

スマホLPが探しやすーい!

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

さらにスマホデザインに特化したLPを探したいならこちら。

サイドナビの最上部に、PC/スマホの切り替えボタンがついています。
さらに特徴的なのが、サイトの詳細ページにLPのキャプチャ画像が貼られているので、飛び先のデザインが変更されていたり、リンク切れしているなどの心配がないところです。
逆に参考サイトのURLが貼られていないので、コンテンツの動きなどを実際に確かめたい場合はご注意ください(>_<)

スマホのデザインが気に入ったら、右に追従しているタブからPC版のデザインを確認することもできます。

とにかく登録数がスゴイ!選択肢を広げるならココ

7.ランディングページ集めました。
http://lp-web.com/

「とにかく色んなLPのデザインを見てみたい!」
そんなときはこちらをご覧ください。

LPの参考サイト探しをよくする人はほとんどが知っているのではないでしょうか?
昔からある有名なサイトで、登録数はピカイチです。

スマホサイト編

実機からダイレクトに見やすいスマホ対応リンク集!

8.sps collection(エスピーエス・コレクション)
http://spscollection.com/

スマホサイトを一からつくるなら、UIなども確認できるよう実機から参考サイトを見たいですよね。

実機からの見やすさ、カテゴリーメニューの使いやすさ、登録サイトのクオリティなどのバランスが取れた参考サイト集です。

バナー編

圧倒的バナー登録数!探しやすさもバッチリ

9.Retrobanner
http://retrobanner.net/

サイズ、色、業種だけでなく、デザインテイストでもカテゴリー分けされていて探しやすさバッチリです。

いかがですか?
あなたの求めるデザインが見つかりそうなリンク集はあったでしょうか。

この記事は、良い参考サイトリンク集を見つけ次第、私山本が更新していきます。

「良い参考サイトがいつまで経っても見つからず、いつまで経ってもデザインに着手できなくて焦ってしまう…」

そんなときこの記事を思い出して、あなたの制作に役立てていただけると幸いです。

  • このエントリーをはてなブックマークに追加

この記事を書いた人

Q2ja8qn7
  • facebook

山本ミツコ

ディレクター/デザイナー2014年入社

堺筋本町にサブウェイができるのを今か今かと待ちわびつつ、毎日頑張ってます。