こんにちは！webデザイナーのshioです❁
デザインのコンセプトを決めた後、デザインする前に参考になるデザインを見て調査をすると思います。
特に初心者の方がデザインする場合、たくさんのデザインから傾向・トレンドなどをインプットしてイメージを固めてから、デザインに取り掛からなければなりません。
私も最初のデザイン調査を怠るとなかなかしっくりくるデザインにならず、後から修正を繰り返し、なかなかデザインが確定しないことがあります。
この記事ではデザインのインプットに役立つ、
webデザイナーの私がよく利用して参考にしているおすすめの「デザイン参考サイト」をご紹介します！
デザインのカテゴリーごとにまとめたので、ぜひ最後までご覧ください＾＾
▼webサイトの参考サイトが知りたい方はこちらもチェック！
バナーデザインの参考サイト
BANNER LIBRARY
業種・デザインのイメージ・季節・バナーの形からカテゴリーごとに絞って検索できます。
余白があって見やすいサイトで、掲載されているバナーも洗練されたデザインのものが多くとっても参考になります！
検索機能もありますが、TOPページを下にスクロールするとどんどんバナーが読み込まれる仕様なので、いっぺんにたくさんバナーを見たい時におすすめのサイトです。
Facebook広告集めました。
Facebookの広告に特化したサイトです。
カテゴリーごとに検索もできます！
Youtubeサムネイルの参考サイト
SAMUNE
https://thumbnail-gallery.net/
目を惹かれる良質なデザインのサムネイルが掲載されたギャラリーサイトです。
サムネは見てるだけで楽しいですよね♪
動画の内容も気になっちゃいます。
パーツごとのデザインの参考サイト
Parts.
LPやサービスサイトを中心に、ヘッダーやメインビジュアル・フッターなどデザインの部分ごとに絞って検索して参考を見ることができます。
Modulesss…
こちらも部分ごとに検索でき、量はまだ少なめですがパーツごとに見ることができるので、参考探しの時短になります！
WEBデザインのメインビジュアルまとめ
http://mainvisual.net-king.com/
メインビジュアルに特化した参考サイトです。
業種別に検索できるところが助かります！
１つ目に紹介した「Parts.」に無いようなwebサイトのメインビジュアルが掲載されているので、こちらも参考にすると良いと思います。
LPデザインの参考サイト
LPadvance
LP制作・Web広告に参考になるデザインが掲載されており、
デザインだけでなく、キャッチコピーも参考にできるようにまとめられてます。
検索もしやすく、素敵なLPが揃っているのでオススメ！
LP ARCHIVE
こちらもLPに特化したギャラリーサイトで、パソコンデザイン・スマホデザインのどちらかの表示で選んで使うことができます。
掲載数が多いです！
webサイトのデザインの参考サイト
Responsive Web Design JP｜レスポンシブデザインの参考サイト
PC、タブレット、スマホ表示のデザインが一度に見られるレスポンシブデザインの参考になるギャラリーサイトです。
タブレットサイズのサムネイルも表示されているギャラリーサイトはなかなかないですよね。
jQuery・WordPressなど、制作に使われているテクニックも紹介されてます。
AGT｜スマホサイトの参考サイト
スマホ表示に特化したWebサイトギャラリーです。
画像にカーソルを合わせると、自動でスクロールされていき、全体が見られるようになってます。
イケサイ｜いけてるサイトを集めた参考サイト
国内のwebサイトが幅広く掲載されてます。
サイト自体は簡素なデザインなのですが、一画面にたくさんのサイトが掲載されているので、とりあえず量をたくさん見たい時におすすめです。
webサイトのデザインをお探しの方は、こちらの記事でたくさんご紹介してます。
チェックしてみてください♪
まとめ
紹介したサイトのまとめです！
- バナーデザインの参考サイト
- Youtubeサムネイルの参考サイト
- パーツごとのデザインの参考サイト
- LPデザインの参考サイト
- webサイトのデザインの参考サイト
- Responsive Web Design JP｜レスポンシブの参考
- AGT｜スマホサイトの参考
- イケサイ｜いけてるサイトを集めた参考
デザインの参考になるサイトは見つかりましたか？
どのサイトも素敵なデザインが掲載されているので眺めるだけでも発見があると思うので、定期的にチェックしてみてくださいね＊
それでは、また＾＾
導線迷子やデザインの魅せ方に
悩んでる女性起業家さんへ
集客導線・世界観をサポート
Webデザインを中心に制作してます＊
