チラシレイアウトの基本とコツを解説！伝わるデザイン例・作り方も紹介

わかりやすいチラシで重要なポイントは２つ！

「わかりやすいチラシ」とは、必要な情報をわかりやすく伝えられているチラシです。

「情報が整理されていること」「その情報がターゲットに伝わること」この2点が重要です。

では、どうすれば「情報を整理」して「ターゲットに伝える」ことができるのでしょうか。わかりやすいチラシを作成するための16のテクニックを、3つのグループに分けて紹介していきます。

チラシ作成アプリの詳細はこちらの記事をお読みください。

チラシレイアウト作成の5つの基本

まずは、チラシのレイアウトに必要な5つの基本を紹介していきます。

1．画像やテキストの高さ・位置を整列する

一見、こんなことで？と思うようなことですが、高さや配置を揃えるだけで伝わるチラシになります。

画像の大きさやテキストの位置が揃っていないと、見た目が悪いだけでなく非常に読みづらくなってしまいます。

散らかった部屋では何が置かれているのか分かりにくいように、チラシの上を整頓しなければ読んでも頭に入ってこない…ということになってしまいます。

2．書体（フォント）を統一する

画像やテキストを綺麗に整えたら、次は書体（フォント）に注目してみましょう。

テキストに使う書体は、種類を増やし過ぎると読みづらくなってしまいます。書体は見出しと本文で2種類程度に抑えると、ぐっと読みやすくなります。

文字の大きさも同様で、随所でサイズが異なると非常に読みづらくなってしまいます。見出しや強調したい部分、説明部分で2～4パターン程度に抑えると良いでしょう。

3．文字配置を左に寄せる

横書きテキストの場合、文字配置を中央寄せではなく左寄せにしましょう。

中央寄せでは各行のスタート位置がバラバラになってしまい、必要以上に読み手の視線を動かせてしまうことになります。疲れることによって、段落や文章の内容が頭に入りづらくなってしまうのです。

そのため、文章を左寄せにして、読みやすくしましょう。

4．情報はグループ分けしてまとめる

テキストや画像の情報は、出来るだけ関連性のあるものをまとめて配置しましょう。近い情報のものがまとまっていると、内容が頭に入りやすくなります。

人間の目は横書きの場合、左から右、次の行に移ってまた左から右…と、「Z」、縦書きの場合は、右から左と移動しますので「N」の形に添って動いていくと言われています。その性質を意識して意味のまとまりごとに配置すると効果的です。

5．情報の階層をわけて記載する

個々の情報も、きちんと階層に分けて記載すると頭に入りやすいです。

情報の大枠を伝える「タイトル」→メイン情報である「画像・内容テキスト」→それらの情報を補足する「詳細」。

この3つを、前述の「Z」の形に従って配置していくと、より見やすいチラシになるでしょう。

見やすいチラシレイアウト作成の7つのテクニック

基本を押さえたら、次はレイアウトに使える7つのコツを紹介していきます。

1．適度な余白をとる

チラシの中に出来るだけ多くの情報を詰め込みたい……なんて、思ってしまいますよね？

ですが、そのために紙面を文字や画像で埋め尽くしてはいけません。

間隔の詰まった文字は、視認性を著しく損ないます。

文字と図の間、文字と文字の間、文字と紙面の端……

これらの間のスペースは、しっかりと確保しましょう。

余裕を持って文章を配置する方が、わかりやすく美しいチラシになります。

2．情報ごとに配色をわけ、使い方を統一する

情報のグループ分けについてはご説明しましたが、同系統のグループが複数ある場合は、配色によって分けるという手法もあります。

近い情報は同じ系統の色を使う、という分け方をすればぱっと見た時にその情報がどういったものかを認識する手助けになります。

3．重要度によって強調・コントラストをつける

会話や演説で抑揚をつけるのと同じように、文章においても強調やコントラストをつけることで視覚的に見やすくすることができます。

目立たせたい部分を強調することで、文章のポイントを正確に伝えることが出来るでしょう。コントラストをつける際は、文字の太さやサイズ・カラーを変更すると良いです。

4．少ない配色で、70：25：5の法則を目安に調整する

カラーでコントラストをつけるという手法を説明しましたが、色数を使い過ぎては逆効果です。

色を使う際は、主に文字に使う基本色「ベースカラー」、見出しやボックス・強調させたい部分に用いる「メインカラー」、メインカラーと区別させ、更に注目を集めたい点に使う「アクセントカラー」の3つのカラーを決めて使うと良いでしょう。

この時、各色の割合は「70：25：5」を目安に用いると見やすくなります。

5．目線の動き・伝えたい情報の誘導を意識する

横書きチラシを見る際の「Z」の形についてはご説明しましたね。

情報を配置する際は、この左上から右下へと移る視線の動きを意識する必要があります。

一番最初に目にすることになる左上には、チラシの中で「もっとも伝えたいこと」を配置しましょう。

そして、最初から多くの情報を詰め過ぎず、右下へ移るにつれてだんだんと細かい情報が増えてくる、という形にすると読み手の注意を引き付けることが出来ます。

6．一目でわかるキャッチコピーを使う

チラシは、残念ながら興味を持たれないとすぐに捨てられてしまいます。

そのため、キャッチコピーは分かりやすく、簡潔なものを使用しましょう。一目見てピンとくるキャッチコピーであれば、内容を見てもらえる率が高くなります。

7．イメージしやすい写真・イラストを活用する

キャッチコピーと同じく重要な意味を持つのが写真やイラストです。

お店や商品の内容がイメージしやすい画像を用いることで、読む人に伝えたい雰囲気を分かりやすく届けることが出来ます。特に、人物の顔が映っている写真は目に留まりやすく、チラシを見てもらえる可能性が高くなります。

チラシレイアウト作成前にすべき4つのこと

ここまでは、デザインレイアウトの基本・コツを説明してきました。

次は、チラシレイアウトを作る前にしておくとよいことを4つ紹介します。

1．ターゲットと目的の明確化

まず忘れてはいけないのは、そのチラシが「誰に」「何を」伝えるものなのか、ということです。

どんなターゲットがそのチラシを読み、どのような行動に出てほしいのか？

それが明確になっていないと、伝えるべき情報を取捨選択できません。

2．チラシのレイアウトで与えたい印象を明確にする

決めたターゲット・目的に合わせて、与えたい印象を明確にしましょう。

例えば、ケーキ屋のチラシであれば「デザインが可愛い」「ケーキがおいしそう」、スーパーのチラシであれば「安いものがたくさん」などの印象を与えらえるとよいでしょう。

これらの与えたい印象を明確にしておくことで、レイアウトやデザイン、伝えたい情報を整理することができます。

3．伝えたい情報の優先度を決める

ターゲットと目的がハッキリし、与えたい印象が明確になったら、情報を取捨選択します。

まずは、チラシで伝えたい情報を書き出していきましょう。お店の名前や、オープンの日付、キャンペーンや商材の紹介、お店の住所や営業時間の情報…。

これらの情報を種別し、優先度を決めていきます。チラシを作る際は、この優先度が高い情報を目立たせるように作成していきましょう。

4．チラシのレイアウトで使用する配色を決める

与えたい印象にあわせてレイアウトの配色を決めます。

例えば、ケーキ屋のチラシであれば「かわいい」という印象を与えられるようにピンクをベースカラーとしたり、スーパーのチラシであれば「安いものがたくさん」という印象を与え、安さが目立つように、赤色をベースカラーとしたりするのがよいでしょう。

どのような配色にすればよいかわからない場合は、同じ業界のチラシやサイトを見てイメージを膨らませましょう。

参考になるチラシレイアウト作成のデザイン事例サイト5選

ここまでわかりやすいチラシにするための14のコツを説明してきました。それらのコツを元に、実際のレイアウト例を見てみると良いかもしれません。

ここからは参考になるチラシレイアウトのデザイン事例を紹介するサイトを5つご紹介していきます。

おしゃれで豊富なテンプレートおすすめ無料チラシ作成アプリ&ソフト初期/月額比較6選

アプリ名	無料範囲	スマホ対応	こんな人におすすめ	主な強み	注意点
MiriCanvas	基本利用は無料 一部素材や機能は有料	◯	日本語テンプレートで 迷わず作りたい人	日本語テンプレート があり、初心者でも 編集しやすい	素材によっては 有料プラン前提になる
Canva	基本編集は無料 一部テンプレート や素材は有料	◯	おしゃれなカードを すぐ作りたい人	テンプレートが豊富で、 写真差し替えや文字編集が簡単	有料素材を選ぶと 追加料金がかかる
Adobe Express	無料テンプレートあり 一部機能や素材は有料	◯	シンプル操作で デザインしたい人	直感的に編集しやすく、 共有もしやすい	高度な機能は 有料プラン対象に なりやすい
Fotor	無料で作成可能 一部素材や保存機能 は有料	◯	写真入りカードを 手軽に作りたい人	画像編集とカード作成 をまとめて進めやすい	無料範囲は利用前 に確認したい
VistaCreate ※旧Crello	無料プランあり 一部テンプレート や機能は有料	◯	デザイン性を重視しながら 手軽に作りたい人	ビジュアル素材が豊富で、 見た目を整えやすい	日本語での情報 はやや少なめ
Picky-Pics	無料プランあり 一部機能や 素材は有料	◯	スマホで簡単に デザインしたい人	写真や図形を使った 編集がしやすい	他の主要アプリと 比べると 情報量は少なめ

14のコツと、4つのテンプレートサイトを紹介しました。この記事で挙げたポイントを活かしてチラシを作成すると、よりわかりやすいチラシを作れるはずです。

忘れてはいけないのは、「相手の目線に立ち、読みやすい紙面づくりを心掛ける」ということ。それを忘れなければ、きっと効果的なチラシを作成できるでしょう。