Skip to content

Tag Archives: テンプレート

ユーザー事例

メルマガデザインの作り方「Benchmark Email編」

(この記事は2017年8月の記事をUI変更に伴いリライトしたものです。) こんにちは、デザイン担当のBEDです。 本当に突然且つ手前味噌ですが、Benchmark Emailが配信している毎月のメールマガジンのレイアウトが見やすいとよくお褒めのお言葉をいただくことがあります。それと同時にどのようにデザインを作っているのか聞かれることもあるんです。どちらもとても嬉しいお言葉をいただけてると思っています。 そこで、今回はBenchmark Emailが配信しているメルマガデザインの作り方(設定)をご紹介します。 (クリックするとメルマガ全体の画像を見ることができます。) 今回は2017年6月に実際に配信したこのメルマガを作成していきます。 レイアウトを選ぶ まずはどのようなレイアウトのデザインにしたいのか考えます。 Benchmark Emailでは、メルマガの上から、同じ大きさの要素を掲載する記事の本数に合わせて配置しているので、1カラムのレイアウトを使用しています。(テンプレートは使わずレイアウトから雛形を選んで基礎を作ります。)   なので、こちらを選びます。 トップにロゴを配置 レイアウトが決まったら、次にトップにロゴを入れていきます。   このような感じでトップに画像ブロックを追加し、ロゴを入れ込みます。 記事のサムネイル画像を入れる ロゴを入れ込んだら次に各記事のサムネイルを入れていきます。先程、ロゴ画像を入れ込んだ要領で画像を入れ込みます。...

August 7, 2017