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

デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。

HTMLメールのさまざまなデザインが収録されており、制作にも勉強にも役立つ素材です。

サイトのキャプチャ

Email Design System For Sketch

ダウンロードできるデザイン素材には、以下のファイルが含まれています。

  • .sketch(さまざまなHTMLメールを作成できるデザイン素材)
  • .png(完成したHTMLのプレビュー画像)
Sketch素材のキャプチャ

.sketchファイルを開いたところ

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

Sketch素材のキャプチャ

スタイル

Sketch素材のキャプチャ

コンポーネント

Sketch素材のキャプチャ

レイアウトとグリッド

Sketch素材のキャプチャ

テンプレート

Sketch素材のキャプチャ

シンボル

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

サイトのキャプチャ

Email Design System For Sketch

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

サイトのキャプチャ

Gumroad

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

sponsors

top of page

©2018 coliss