ダークモードでもメールの署名を美しく見せるための方法

デバイスがダークモードの場合、メールアプリはメールの署名を含むメールの表示を変更します。ダークモードとは何か、そしてそれがどのように機能するかについては、前回の記事で説明しました。

Apple Mail、Gmail、Outlookなどのメールアプリがダークモードを処理する方法はいくつかあります。

1。フルダークモード

フルダークモードでは、メールアプリは表示するメールの色を変更します。メールアプリは、元の暗いテキストを白いテキストと交換します。アプリはメール内の画像の色を反転させようとすることもありますが、これはそれほど一般的ではありません。

ただし、通常は、電子メールの署名にコード化されたHTMLの色が反転します。

この翻訳プロセスでは、慎重に設計された電子メールの署名が急いで読みにくい混乱に変わる可能性があるため、ダークモードを念頭に置いて署名を設計することをお勧めします。

Gmailは、フルダークモードを採用したメールアプリの一例です。上記の例は、ライトモードで適切に設計されたメール署名がGmailアプリによってダークモードにうまく変換されないことを示しています。

2。疑似ダークモード

疑似ダークモードは、暗い背景の明るいテキストに関連する利点を読者に提供しないため、ダークモードでの少し怠惰な試みです。

この状況では、メールアプリ自体はダークモードですが、メールの内容はそのままで、明るい背景に表示されます。

このような状況で心配しなければならないのは、電子メールの署名の周りのパディングだけです。署名にパディングがない場合、署名は背景に直接貼り付けられます。

明るいモードと暗いモードの両方で見栄えのするメール署名をデザインする方法

メールの署名をダークモードでもライトモードと同じように見栄えよくするために実行できる手順は5つあります。

1。ダークモード用に構築された電子メール署名ジェネレータを使用する

そこに多くの専用の電子メール署名ジェネレータがあります。ただし、すべてがダークモードを念頭に置いて設計されているわけではありません。背景が白いアイコンを使用したり、署名を1つの大きくて不格好な画像ファイルに変えたりするものもあります。

最も人気のある無料の電子メール署名ジェネレーターには、いくつかの異なる署名レイアウトから選択できます。それらのいくつかはダークモードでうまく機能しますが、他は機能しません。デザインをプレビューするときは、デバイスでライトモードとダークモードの両方でデザインを表示します。

独自のロゴや画像をアップロードする場合は、透明性と輪郭に関する以下のガイドラインに必ず従ってください。

2。透明な画像を使用する

多くの人は、画像が常に白い背景に表示されると想定して、白い背景に画像を保存します。 （または、背景も保存されていることに気づいていません。）

白い背景の個々の画像は、ダークモードでは不格好でプロフェッショナルではないように見える傾向があります。意図的に背景色を追加する場合を除いて、電子メールの署名に使用する画像の背景が透明であることを確認することをお勧めします。通常、透過ファイルはPNGまたはGIF形式である必要があり、PNGが最も一般的です。

画像ファイルに背景色を追加する場合は、両方のモードで適切に機能することを確認してください。たとえば、明るい緑、黄色、赤などの鮮やかな色は、明るい背景と暗い背景の両方でうまく機能します。

3。暗いグラフィック要素の輪郭を白で示します

メールの署名画像に暗いテキストやグラフィック要素を使用する場合は、白または少なくとも明るい色で輪郭を描いてみてください。

これは、グラフィック要素またはテキスト要素が完全に消えて見栄えがすることの違いである可能性があります。ただし、これは、透明な画像も使用した場合にのみ機能します。たとえば、背景が白のままの場合は、メインのグラフィックの輪郭を白で示しても違いはありません。

4。署名の周りにパディングを追加する

この手順は、疑似ダークモードで表示される署名を対象としています。署名の端にパディングを追加すると、メールアプリが署名全体を白い背景にドロップした場合に、署名が混雑しているように見えるのを防ぐことができます。

パディングの追加は、技術的な観点からは少し注意が必要です。それは確かに細かいディテールでもあります。ただし、これは、すべての状況で電子メールの署名を100％完璧に見せたい場合にのみ心配するステップです。たとえば、グラフィックデザイナーの場合、これは修正する価値のある詳細になる可能性があります。

5。署名をテストしてください！

テストメールを送信して、さまざまなデバイスや画面でそれらのメールを開いてみてください。受信者が使用することがわかっている標準設定を試してください。たとえば、ほとんどのクライアントがOutlookを使用している場合は、必ずOutlookでテストしてください。

人気のAndroidアプリでダークモードを有効にする方法、またはiOSユーザーの場合はiPhoneまたはiPadでダークモードを使用する方法についてのガイドをご覧ください。

プロフェッショナルな電子メール署名の設計に力を注いでいる場合は、すべての媒体で見栄えがすることを確認する価値があります。

テストするまで、どのように見えるかはわかりません。

ダークモードが定着しているので、適応する時が来ました

ダークモードは、日常のデバイスユーザー、UX / UIデザイナー、デバイスメーカーの間で人気が高まっています。

メールの署名を専門的にブランド化することに力を注いでいる場合は、ライトモードだけでなくダークモードでも見栄えがすることを確認する価値があります。