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

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

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

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

Behance(ビハンス)

Behance,ビハンス

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

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

LPアーカイブ

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

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

Pinterest(ピンタレスト)

Pinterest,ピンタレスト

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

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

Design Inspiration

designspiration,デザインスピレーション

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

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

typo/graphic posters

typo/graphic posters,

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

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

infogra.me

infograme

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

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

I/O 3000

I_O3000

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

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

bookma!

bookma!ブックマ!

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

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

Dribbble(ドリブル)

Dribbble(ドリブル)

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

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

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

Muzli

Muzli

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

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

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

BaubauHaus

BaubauHaus

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

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

 

STATIONERY OVERDOSE

STATIONERY OVERDOSE

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

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

Awwwards

Awwwards

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

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

httpster

httpster

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

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

Siteinspire

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

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

Admire the Web

Admire the Web

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

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

One Page Love

One Page Love

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

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

Responsive Web Design JP

Responsive Web Design

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

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

Print.pm

Printpm

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

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

SANKOU!

SANKOU

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

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

デザイン研究所

デザイン研究所

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

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

PREDGE

PREDGE(プレッジ)

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

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

MUUUUU.ORG

MUUUUU.ORG

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

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

1GUU

1GUU

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

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

81-web.com

81-webcom

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

AGT

AGT

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

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

S5-Style

s5style

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

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

まとめ

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

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

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