メールデザインのトレンド:大胆なタイポグラフィ

公開: 2019-07-24

毎年、色や画像の使用からタイポグラフィのトレンド、双方向性など、デジタルマーケティングを形作る新しいデザイントレンドが見られます。 「Eメールデザインのトレンド」シリーズでは、最もホットなデジタルデザインのトレンドを見て、それらがEメールマーケティングにどのように変換されるかについて詳しく説明します。

電子メールでのタイポグラフィは、何年にもわたって話題になっています。 Webフォントにより、電子メールデザイナーはより創造的になり、ブランドアイデンティティを際立たせることができました。 2019年、印刷およびデジタルデザインの世界では、タイポグラフィがより大きく、より大胆になる傾向が見られました。この傾向は、現在、受信トレイにも当てはまります。

この傾向の理由は? これは、加入者の注意を引き、大胆な発言をし、重要なメッセージをすばやくプッシュするもう1つの方法です。 大きくて大胆な見出しが急速にメールデザインの標準になりつつあり、写真やその他の画像から番組を盗んだり、置き換えたりすることがよくあります。 コピーライターは、消化しやすく魅力的なままで、魅力的で興味をそそる簡潔で楽しいコンテンツを作成しています。 大きくて簡潔なコピーのこの調和により、メッセージが聞こえる可能性が高くなります。そのため、デザイナーやコピーライターがテキストでより創造的になるにつれて、画像が少ないかまったくない電子メールが増えています。

Eメールマーケティングにおける大胆なタイポグラフィ

大きく、大胆で、美しいタイポグラフィでメッセージを伝えるブランドの例をいくつか紹介します。

作る

多くの小売業者は、加入者の注意を引くために製品画像の力に依存しています。 しかし、すべての電子メールはそれにつながる必要がありますか? 家具マーケットプレイスMade.comの場合、そうではありません。 代わりに、彼らは美しく大胆な見出しで新しい加入者を歓迎します。 ストーリーテリング書体FSネルーダと完璧に配置された手描きの波線の使用は、読者の注意を向けます。

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

GoPro

はい、このメールの画像は素晴らしいです。 しかし、GoProからのこのメールを本当に特別なものにしているのは大胆なタイポグラフィです。 サブスクライバーは、この電子メールをスキャンするだけでメッセージをすばやく把握できます。また、各見出しの1つの単語を反転することで、GoProは、話題が何であれ、完璧なショットをキャプチャできるというメッセージを強制するのに役立ちます。 この大胆な声明を出すために、GoProはMontserratを使用します。これは、すっきりとした整頓された構成を補完するオープンライセンスフォントです。

出典:Really GoodEmails。
Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

ヒラリーズ

オーダーメイドのウィンドウファニッシングサービスHillarysは、このトレンドメールの見出しで大きな声明を発表しています。 大きなタイポグラフィと大胆な色を組み合わせることで無視するのは難しいの組み合わせです。 英雄でサンセリフフォントプロキシマ・ノヴァの使用が美しく、電子メールを通じてさらに見出しで使用される、セリフ書体ポインターオールドスタイルの表示によって補完されます

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

MailChimp Presents

MailChimpからこの打ち上げの電子メールは、起業家のコレクションは、コンテンツ焦点を当て、MailChimpのプレゼントを紹介します Mailchimpは複数の書体を使用して、コンテンツの各部分を際立たせ、電子メール全体でエンゲージメントを維持します。

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

エースホテル

エースホテルは、このデザインでクリエイティブなタイポグラフィがいかに優れているかを示し、有名シェフのマティマセソンが米国の5つのホテルをツアーしていることを発表しました。 電子メールの本文内のライブテキストは、セリフシステムフォントGeorgiaを使用しています。これは、画像内の日付と場所を強調するために使用される手描きの書体に最適です。

出典:Really GoodEmails。 Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

上野

クリエイティブエージェンシー上野のニュースレターは、美しいタイポグラフィを備えたすっきりとした新鮮なデザインを提供しています。 大きくて太字で黒いセリフの見出しと大きな灰色のサブヘッダーは、購読者を美しく記事に導きます。 本文のコピーはサンセリフ赤木に設定されており、太字のCTAを目立たせることができます。

見出しのフォントが電子メールクライアント間で確実に表示されるようにするために、上野はライブテキストではなく画像を使用します。 これは一般的な方法ですが、このアプローチを使用する場合は、画像をオフにしてメールがどのように読み取られるを検討し、画像内のテキストをaltタグでミラーリングすることを忘れないでください。

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

WeTransfer

タイポグラフィは、ブランドアイデンティティに大きな影響を与える可能性があります。 ライセンスされた書体とカスタムメイドのフォントは、ブランドが信頼を得て、競合他社から際立つのに役立ちます。 WeTransferは、大胆な見出しCanela使用し、ボディコンテンツにFakt使用することで、オープンに対する独自のブランドインパクトを提供します。 どちらも商用ライセンスのフォントです。

出典:Really GoodEmails。 Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

タイプトークしましょう:ブランドが画像なしで行くとき

タイポグラフィが正しい方法で使用されている場合、写真やイラストのサポートがなくも、電子メールは視覚的に魅力的です。 タイポグラフィが画像の力に取って代わることができるとは思わないのですか? 画像のない電子メールのこれらの美しい例で、そうでないことを納得させましょう。

Spotify

毎年、音楽ストリーミングサービスのSpotifyは、統計とアーティストの推奨事項の素晴らしい要約で顧客の使用状況を要約し、電子メールを介して顧客をこのコンテンツに導きます。 このテキストベースのデザインは、大きくて大胆なタイポグラフィと色を使用して、メッセージをすばやく伝え、読者をWebエクスペリエンスに導きます。 Spotifyは、デザイン全体でHelveticaフォントスタックを使用し、見出しがアニメーション化されて、サブスクライバーの注意を引くようにしています。

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

InVisionによるスタジオ

このInVisionStudioメールの多くのデザインの選択は、テキストのみのクリエイティブのケースを強化します。 白いテキストの珍しい黒い背景、全幅の製品ロゴ、美しくクリーンなタイポグラフィを備えたよく考えられたコンテンツ階層により、このメールは魅力的です。 オープンライセンスフォントのPoppinsRobotoは全体を通して互いに補完し合っており、リンクに使用されている急進的な赤の明るいポップは、このほぼモノクロのデザインを浮き彫りにします。

出典:Really GoodEmails。 Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください

InVision

InVisionによるもう1つの優れた例は、ウェビナーテンプレートです。 このデザインは、さまざまなフォントサイズ、行の高さ、およびイタリック体を利用して、優れたコンテンツ階層を作成し、購読者の目を電子メールに引き付けるのに役立ちます。 これは、コピーの多い電子メールに構造を取り入れながら、画像を含めることなくそのエンゲージメントを得るのに最適な方法です。

Litmus Builderで、コードとそれがクライアント間でどのようにレンダリングされるかを確認してください