最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System
Post on:2018年7月19日
デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。
HTMLメールのさまざまなデザインが収録されており、制作にも勉強にも役立つ素材です。

Email Design System For Sketch
ダウンロードできるデザイン素材には、以下のファイルが含まれています。
- .sketch(さまざまなHTMLメールを作成できるデザイン素材)
- .png(完成したHTMLのプレビュー画像)

.sketchファイルを開いたところ
.sketchファイルには、デスクトップ・スマホ対応のHTMLメールの基本となるレイアウトとグリッド、再利用可能なスタイル・コンポーネント、さまざまなコンテンツが用意されたテンプレートなど、デザイン素材が揃っています。

スタイル

コンポーネント

レイアウトとグリッド

テンプレート

シンボル
デザイン素材のダウンロードは、下記ページから。

Email Design System For Sketch
「Download」をクリックすると、Gumroadに移動するので、「公正な価格」に「0」を入力すると、無料でダウンロードできます。

Gumroad
素材はMITライセンスで、個人でも商用でも無料で利用できます。詳しくはダウンロードファイルの「License.md」をご覧ください。
sponsors