[Design Gallery] Really Good Emails – HTMLメールの作例紹介サイト
クールなHTMLメールの作例を紹介したデザインギャラリー。各作例は細かくカテゴリー分けされており、目的やジャンルに応じて作例を探す事ができます。海外のWebサービスから届くHTMLメールってかっこいいの多いので、デザインだけでなくコーディング手法なんかの参考にもなりそうです。
Tag Archives: HTMLMail
[eMail Template] Open Source Email Templates – HTMLメールのテンプレート
HTMLメールのテンプレートを配布しているサイト。というか、本来はメール配信に関するコンサルみたいな事をしてる会社らしいんだけど、このページではHTMLメールのテンプレートを自由にダウンロードできるようです。試しに落としてみましたが、1つのテキストファイルとしてダウンロードされます。CSSはインライン、画像はオンライン、レイアウトはTableタグでされていますが、レスポンシブレイアウトに対応してます。HTMLメールらしい仕様です。登録を促すものや販促、完了の通知など、場面ごとに複数のテンプレートが用意されているので、HTMLメール製作時の素体としても使えそうです。
[eMail Design] Responsive email resources – レスポンシブ・レイアウトで作るHTML Mailに関するリソース
HTMLメールをレスポンシブ・レイアウトで作る際に役立つリソースをまとめた記事。概要とHowToを説明したスライドと、興味深い記事やブログ、テンプレートやフレームワーク、フォローすべき人物、そして最後に実際にレスポンシブ・レイアウトで作られた作例が紹介されてます。作例はページ内でPC / スマホそれぞれのWidthに切り替える事ができ、実際にどう動作するのかを確認できます。HTMLメールって受け取る側の環境の問題もあり、長らくテーブルレイアウトで作るのが常態化してましたが、スマホのメーラーでPCと同様にメールを受け取る機会が増えてるので、これこそレスポンシブ・レイアウトした方がイイじゃんって考えは確かに正しいなと。メルマガとか担当してる人にはナイスなリソース記事だと思います。
[Web Design] Really Good Emails – HTMLメールのデザインギャラリー
企業やWebサービスなどから送られてくるHTMLメールのクールな作例を集めたデザインギャラリー。特別なんかスゴくてかっけー！って思うタイプの作例というよりは、地味だけどシンプルで見やすく作られたものが多い印象です。品がいいというか、情報を他者に伝えるってこういう事だよね、という印象を受けました。少なくとも日本で言う楽天のような「これフォント何ポイントだよ！？」的な下品な作例のものはひとつも紹介されておりませんｗ（まぁアレはアレでそういう手法を好む層に対しては意味があるんだろうけど）
[Design Gallery] Email-Gallery – HTMLメールのギャラリーサイト
HTMLメールの作例を集めたギャラリーサイト。ざっと見たところかなりの数のHTMLを保管してあるようです。またそれぞれタイプ分けされていて、ビジネスタイプやメールのお知らせ内容、また色などによって作例の抽出が可能です。最初は新着順に並んでますが、人気順やレート順などでもソートできます。HTMLメールって自分の場合あまり作る機会はないのですが、たまーに依頼が舞い込んで来る事もあるので、そんな時の参考にしたいサイト。
[HTML Mail] 100+ Free HTML email templates – HTMLメールのテンプレート100個
HTMLメールのテンプレートがたくさん配信されてます。HTMLメールなんで、まぁそれってようするにWebテンプレートではあるんだけど、メールでの配信向けにテーブルレイアウトで組まれてます。まぁメールソフトで表示させるとなると今でもこれが主流なんですな。けど見た目に関してはモダンな感じにデザインされていてなかなかイイ感じです。HTMLメールの運用とかしてる人にとってはなかなかナイスなサイトかと。