最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System

デスクトップ・スマホ対応の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」をご覧ください。