こんにちはBEDです。
HTMLメール作成やその他、様々なデザインを制作する時にどんなデザインにするか悩んだことはありませんか？

そんな時、僕はインスピレーションを得られるサイトを見て参考にしています。
見ているだけでも楽しいので、楽しみながらインスピレーションも得られてとても充実した時間を過ごせます！

また、HTMLメールを作成する時の参考になれば嬉しいです！
※全てHTMLメール作成の参考になるとは限りませんのであしからず。

これさえおさえておけばどんなデザインでも作れるようになる！

Behance（ビハンス）

デザインツールで有名な「Adobe」が提供するデザイナーのためのSNSです。世界中のデザイナーが数多くの作品をアップロードしているので、見ていて飽きません。

世界にはどんなデザインがあるのか参考にしたい方におすすめです！

LPアーカイブ

LP（ランディングページ）のデザインを集めているサイトです。1日に10サイト前後更新されているようです。各LPのキャッチコピー縛りで一覧表示ができるので、コピーの参考にもなります。

LPはメルマガとほぼ同じような構造や設計、狙いで作られることが多いです。なので、メルマガ作成の時には参考になるので必ず見たほうが良いです！

Pinterest（ピンタレスト）

有名なサイトなので知っている人も多いはず！web上にある様々な作品を検索で簡単に見ることができます。アートやファッション、グラフィックなどなどあらゆるジャンルを見ることができます。

自分の好きなカテゴライズで検索できるので、依頼先や自社のサービスをPRする時にどんなデザインがあるかなど参考にするにはもってこいです！

Design Inspiration

様々なジャンルのデザインを掲載しているサイトです。表示方法オプションの「人気順」や「ランダム表示」がとても便利です。

ファッションや写真といった業態の方には参考になるようなおしゃれな画像をたくさんみることができると思います！

＼ Benchmark Emailならメルマガ用のイメージ画像を無料で使い放題 ／

 

typo/graphic posters

欧文のタイポグラフィを集めたサイトです。欧文の文字組はとてもシンプルながら強い印象を受けることができるのでとても参考になります。

文字でインパクトを出したいといった時など文字組みの参考にするとおすすめです！

infogra.me

日本のインフォグラフィックを使ったデザインが掲載されているサイトです。言語を変更すると、外国のインフォグラフィックデザインを見ることもできます。

図表を作成する時や、数値を伝えるための表現をしたいという時によく参考にしています！

I/O 3000

様々なwebサイトのデザインを掲載しているサイトです。
カテゴリー分けで検索もできます。とくに企画・制作・開発のジャンルが多く掲載されています。

クオリティの高いサイトをお探しならオススメです！

bookma!

こちらもwebサイトのデザインを掲載しているサイトなのですが、パソコンとスマホのビューが並びで見れるのでとてもおすすめです！

1日5〜6サイト更新されるようです。パソコンとスマホのレイアウトを同時に見れるのはそれだけ時短になるのでとても便利だと思います！

Dribbble（ドリブル）

世界中のデザイナーが利用している招待制SNSです。そのため、一定上のレベルのデザイナーしか作品をアップロードすることができません。なのでここには本物が集まります！

掲載されている種類は幅広く、Webデザインやアプリデザイン、パッケージデザイン、アニメーション作品などもアップされています。

世界中のイケてるデザインを手軽に探せて参考にもできるのでオススメです！

 

＼ Benchmark Emailならメルマガ用のイメージ画像を無料で使い放題 ／

 

Muzli

デザインなどの情報をインプットできるプロトタイピングツールで有名なInVisionが提供しているキュレーションサービスです。サイトの内容としてPinterestと少し似ているかもしれません。

また、作品だけではなく、様々なサービスの情報が掲載されているため、幅広いソースから作品や情報を見つけることが可能です。Google Chromの拡張機能にもなるのでブラウザを立ち上げたら色んな作品が見れたりもします。

Chromeの拡張機能を使っていつでもすぐに開けてすぐに様々なデザインにアクセスできるのでオススメです！

BaubauHaus

ポスターやパンフレットなどのデザインが掲載されているサイトです。とても個性的な作品が多く、眺めているだけでもとても楽しいです。

こういったアート感を出したい、そうしたいと思った時になどに参考になると思います！

 

STATIONERY OVERDOSE

名刺などその他グラフィックデザインのプロダクトがたくさん掲載されているサイトです。

パッケージやプロダクトの配置などの見せ方において、ECサイト関連のメルマガをやっている方にはとてもオススメなサイトだと思います！

Awwwards

webサイトのアワードを行っているサイトです。アワード受賞をした作品が多く並ぶのでクオリティが高いサイトが掲載されています。

「パララックス」や「シングルページ」などでカテゴリーで検索することも出来るので、具体的にデザインしたいものがある場合にはとても便利だと思います。

httpster

過去のwebサイトデザインを遡ってみることができます。時代感を感じられてとても楽しいです。

昔の流行りを見に行ったり、昔のあの表現の仕方をリバイバルさせたいという方にはオススメだと思います！

Siteinspire

海外の様々なwebサイトデザインを掲載しているサイトです。

掲載数は少ないが、おしゃれなサイトを中心に集めているのでこちらもデザインの参考になるものがたくさんあります！

Admire the Web

こちらも海外のwebサイトデザインを掲載しているサイトです。

webデザインとしてではなく、見ているだけでもデザイン全体の構成などの参考にもなるのでメルマガ作成時にはとても有効だと思います。

One Page Love

ワンページは日本ではペライチと呼ばれるwebサイトのことを言います。ようは、LPと同じようなことですね！そのワンページをメインに集めたサイトです。

LPやHTMLメール制作の参考になるのでオススメです！

Responsive Web Design JP

パソコン、タブレット、スマホといったそれぞれのビューを並べて見れるのがこのサイトの特徴です！かなり頻繁に更新されるようです。

レスポンシブデザインの参考にするにはとても良いと思います！
HTMLメールもスマホファーストだと思います。各端末にあわせた見せ方の参考にどうぞ！

Print.pm

印刷物関連のグラフィックデザインを専門に掲載しているサイトです。

印刷ならではの奥ゆかしさや味といったものも見ることができるので、webばかりみていて凝り固まった頭にはちょっとほっこり、すっきりできるサイトだと思います！

SANKOU!

日本のwebデザインが満載のサイトです。

とにかくたくさんのデザインが掲載されており、サイトの名のとおりSANKOU!になるものばかりです。他のサイトと見比べてみてみるのも面白い見方かもしれません！

デザイン研究所

デザインツールのノウハウやデザインのテクニックを教えてくれるサイトです。ノンデザイナーの方におすすめです！

デザインのイロハや基礎を学べるので、読んでいるだけでデザインが上手くなります。webデザインだけではなくすべてにおけるデザインに共通したノウハウが学べると思いますので、ぜひ一度見てみてください！参考デザインを見る以外にも実践が大切です！

 

＼ Benchmark Emailならメルマガ用のイメージ画像を無料で使い放題 ／

 

PREDGE

元々は海外の広告などを集めたキュレーションサイトでしたが、PRTIMSと合併したことによって日本国内の広告などを多く紹介するサイトに変わりました。

さらにジャンルや媒体でソートできるので、あなたが見たい広告のジャンルだけをみることができます。広告もすなわちPRなので、見せ方やその企画などとても参考になると思います！

MUUUUU.ORG

日本国内を中心にクオリティが高い縦に長いwebサイトを厳選して集めているサイトです。とにかく見やすい設計になっているのでささーっと見ることができます。

カテゴリーが多いので、ピンポイントで参考のデザインなどを見つけたい時にオススメです！

1GUU

クオリティの高いwebサイトが集められているサイトなのですが、特徴としては、掲載されているサイトに飛ばずとも、そのサイトのアニメーションが見れてしまうというところです！これは本当に面白いし、便利です。

また、国別でフィルターできるので世界のデザインを参考にできて最高です！

81-web.com

日本の優れたwebサイトのみを掲載しているサイトです。PC、SPといったタグ付けがされており、それ押すとPC版やSP版での画像を確認できるのでさらっと気になったサイトの両方が確認できるのでオススメです！

AGT

スマホのビューの画像を掲載しているサイトです。スマホのデザインを探している方にとてもオススメだと思います。昨今はスマホファーストと言われ、webサイトでも何でもスマホで確認する人が多いです。

スマホでのデザインを意識したい人には必ず見て参考にしてもらいたいサイトです！

S5-Style

とてもおしゃれなwebサイトを厳選して掲載しているサイトです。とにかく掲載数が多く、2022年10月現在で、8,499サイトも掲載されています。

おしゃれでハイクオリティなwebサイトを参考にしたいという方にオススメです！

まとめ

様々なデザインの参考になるサイトをご紹介しました。メルマガの作成やデザイナーさんに何かこんな感じのデザインと伝えたい時に、もやもや悩まずご紹介したサイトを参考にしてあなたが伝えたいデザインを作ってみてください。

それではまた、BEDでした！
以下の記事も、是非参考にしてみてください。

関連記事：
HTMLメルマガ作成で役立つ画像サービス20選
メルマガの印象が大きく変わる！イメージに合ったフォントの選び方とは？
【事例あり】メールマーケティングの成功を左右するメルマガデザイン
メルマガデザイン初心者でも90点レベルのHTMLメールを作れる6つの思考