最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System
Post on:2018年7月19日
デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。
HTMLメールのさまざまなデザインが収録されており、制作にも勉強にも役立つ素材です。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071805-01.png)
Email Design System For Sketch
ダウンロードできるデザイン素材には、以下のファイルが含まれています。
- .sketch(さまざまなHTMLメールを作成できるデザイン素材)
- .png(完成したHTMLのプレビュー画像)
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-01.png)
.sketchファイルを開いたところ
.sketchファイルには、デスクトップ・スマホ対応のHTMLメールの基本となるレイアウトとグリッド、再利用可能なスタイル・コンポーネント、さまざまなコンテンツが用意されたテンプレートなど、デザイン素材が揃っています。
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-02.png)
スタイル
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-03.png)
コンポーネント
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-04.png)
レイアウトとグリッド
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-05.png)
テンプレート
![Sketch素材のキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071806-06.png)
シンボル
デザイン素材のダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071805-02.png)
Email Design System For Sketch
「Download」をクリックすると、Gumroadに移動するので、「公正な価格」に「0」を入力すると、無料でダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018071805-03.png)
Gumroad
素材はMITライセンスで、個人でも商用でも無料で利用できます。詳しくはダウンロードファイルの「License.md」をご覧ください。
sponsors