レスポンシブ対応のHTMLメールの無料テンプレートを紹介します。
Outline Mailはレスポンシブ対応のHTMLメールのテンプレートです。
レイアウトパーツが豊富に用意されているので、組み合わせて自由にデザインすることができます。
↓パーツを組み合わせて、自由なレイアウトが可能。(サンプル1)
ライセンスはMITライセンスです。
商用利用可能で、無料でダウンロードできます。
30以上の主要なメールクライアントでテストされています。テストはHTMLメールのテストツール、Litmusを使って行ったと書かれているので、Litmusがカバーしているメールクライアント、デバイスには対応済みと考えていいでしょう。
Litmusが対応しているメールクライアント、デバイスは下記のとおりです。
メールクライアント
- Apple Mail 8
- Apple Mail 7
- IBM Notes 9
- Lotus Notes 8.5
- Lotus Notes 8
- Lotus Notes 7
- Thunderbird
- AOL Mail
- Gmail
- Google Apps
- Yahoo! Mail
- Outlook 2016 for Mac
- Outlook 2013
- Outlook 2013 (120 DPI)
- Outlook 2011 for Mac
- Outlook 2010
- Outlook 2007
- Outlook 2003
- Outlook 2002/XP
- Outlook 2000
- Outlook.com
- Office 365
デバイス
- Android 4.4
- Gmail app (Android)
- iPhone 6s Plus iOS 9
- iPhone 6s iOS 9
- iPhone 6 Plus iOS 8
- iPhone 6 iOS 8
- iPhone 5s iOS 8
- iPhone 5s iOS 7
- iPad Mini iOS 9
- iPad (retina) iOS 9
HTMLメールは、各メールクライアントでのテストがものすご～く大変なので、こういったテンプレートを活用できるといいですね。
下記のようなレイアウトもパーツを組み合わせて作成できます。サンプルページでは実際にレスポンシブでの見た目を確認できます。
↓サンプル5(ECサイト注文完了メール)
