記事内に商品プロモーションを含む場合があります

webデザインの勉強

webデザインの参考サイト|バナー・サムネ・LP・パーツごとのおすすめを紹介

デザイン制作に参考になるサイト|バナー・LP・パーツごとのアイキャッチ画像

こんにちは!webデザイナーのshioです❁

デザインのコンセプトを決めた後、デザインする前に参考になるデザインを見て調査をすると思います。
特に初心者の方がデザインする場合、たくさんのデザインから傾向・トレンドなどをインプットしてイメージを固めてから、デザインに取り掛からなければなりません。

私も最初のデザイン調査を怠るとなかなかしっくりくるデザインにならず、後から修正を繰り返し、なかなかデザインが確定しないことがあります。

この記事ではデザインのインプットに役立つ、
webデザイナーの私がよく利用して参考にしているおすすめの「デザイン参考サイト」をご紹介します!
デザインのカテゴリーごとにまとめたので、ぜひ最後までご覧ください^^

▼webサイトの参考サイトが知りたい方はこちらもチェック!

webデザインの参考になるギャラリーサイト|初心者にもおすすめ!の画像
webデザインの参考になるギャラリーサイト|webデザイナーおすすめ!こんにちは!shioです❁ webデザインを制作する際に、いくつか参考サイトを探すと思います。 私がよく利用して参考にしているお...

バナーデザインの参考サイト

BANNER LIBRARYのMV画像https://design-library.jp/

業種・デザインのイメージ・季節・バナーの形からカテゴリーごとに絞って検索できます。

余白があって見やすいサイトで、掲載されているバナーも洗練されたデザインのものが多くとっても参考になります!

retrobanner

retrobannerのMV画像https://retrobanner.net/

検索機能もありますが、TOPページを下にスクロールするとどんどんバナーが読み込まれる仕様なので、いっぺんにたくさんバナーを見たい時におすすめのサイトです。

Facebook広告集めました。

Facebook広告集めました。のMV画像https://facebook.adsquare.jp/

Facebookの広告に特化したサイトです。
カテゴリーごとに検索もできます!

Youtubeサムネイルの参考サイト

SAMUNE

SAMUNEのMV画像https://thumbnail-gallery.net/

目を惹かれる良質なデザインのサムネイルが掲載されたギャラリーサイトです。
サムネは見てるだけで楽しいですよね♪
動画の内容も気になっちゃいます。

パーツごとのデザインの参考サイト

Parts.

Parts.のMV画像https://partsdesign.net/

LPやサービスサイトを中心に、ヘッダーやメインビジュアル・フッターなどデザインの部分ごとに絞って検索して参考を見ることができます。

shio
shio
webデザインを制作する際に、お世話になってます!

Modulesss…

Modulesss…のMV画像https://modulesss.com/

こちらも部分ごとに検索でき、量はまだ少なめですがパーツごとに見ることができるので、参考探しの時短になります!

WEBデザインのメインビジュアルまとめ

WEBデザインのメインビジュアルまとめのMV画像http://mainvisual.net-king.com/

メインビジュアルに特化した参考サイトです。
業種別に検索できるところが助かります!

1つ目に紹介した「Parts.」に無いようなwebサイトのメインビジュアルが掲載されているので、こちらも参考にすると良いと思います。

LPデザインの参考サイト

LPadvance

LPadvanceのMV画像https://site-advance.info/

LP制作・Web広告に参考になるデザインが掲載されており、
デザインだけでなく、キャッチコピーも参考にできるようにまとめられてます。
検索もしやすく、素敵なLPが揃っているのでオススメ!

LP ARCHIVE

LPアーカイブのMV画像https://rdlp.jp/lp-archive

こちらもLPに特化したギャラリーサイトで、パソコンデザイン・スマホデザインのどちらかの表示で選んで使うことができます。
掲載数が多いです!

webサイトのデザインの参考サイト

Responsive Web Design JP|レスポンシブデザインの参考サイト

Responsive Web Design JPのMV画像Responsive Web Design JP

PC、タブレット、スマホ表示のデザインが一度に見られるレスポンシブデザインの参考になるギャラリーサイトです。

タブレットサイズのサムネイルも表示されているギャラリーサイトはなかなかないですよね。

jQuery・WordPressなど、制作に使われているテクニックも紹介されてます。

AGT|スマホサイトの参考サイト

AGTのMV画像AGT

スマホ表示に特化したWebサイトギャラリーです。

画像にカーソルを合わせると、自動でスクロールされていき、全体が見られるようになってます。

イケサイ|いけてるサイトを集めた参考サイト

イケサイのMV画像イケサイ

国内のwebサイトが幅広く掲載されてます。

サイト自体は簡素なデザインなのですが、一画面にたくさんのサイトが掲載されているので、とりあえず量をたくさん見たい時におすすめです。

 

webサイトのデザインをお探しの方は、こちらの記事でたくさんご紹介してます。
チェックしてみてください♪

webデザインの参考になるギャラリーサイト|初心者にもおすすめ!の画像
webデザインの参考になるギャラリーサイト|webデザイナーおすすめ!こんにちは!shioです❁ webデザインを制作する際に、いくつか参考サイトを探すと思います。 私がよく利用して参考にしているお...

まとめ

紹介したサイトのまとめです!

参考サイトまとめ
  1. バナーデザインの参考サイト
  2. Youtubeサムネイルの参考サイト
  3. パーツごとのデザインの参考サイト
  4. LPデザインの参考サイト
  5. webサイトのデザインの参考サイト

デザインの参考になるサイトは見つかりましたか?
どのサイトも素敵なデザインが掲載されているので眺めるだけでも発見があると思うので、定期的にチェックしてみてくださいね*

それでは、また^^

webデザイナー|Canva公式クリエイター
shio
shioのアイコン画像
*月1万人が読んでるデザインブログ運営 *ナチュラルな婚姻届を心を込めて制作 webデザイナーを目指したい方向けに、 【勉強方法|転職活動|ポートフォリオ制作|制作会社で働いてからのこと|webサイト制作 etc... 】について発信しています。 このブログとともにwebデザイナーとして成長していきます!
\ Follow me /