Blog スタッフブログ

WEB制作 デザイン

【デザインレシピ】イベント系チラシに使える日付のデザイン決定版

こんにちは、Webデザイナーのそいです。秋から冬にかけてイベント盛りだくさんのこの季節。楽しみがおおきシーズンですね。

今回はそんなイベント事業者さんや、店舗さん、デザイナーさんに向けて「日付」のレイアウトデザインをご紹介。このシーズンだけでなく全シーズン、また、トレンドに左右されないおすすめのレイアウトを紹介するのでぜひご覧ください。

パターン1

1日限定のイベントの時に使えるデザインレイアウトです。年・月・日・曜日・時間の中でも特に「日」を目立たせたデザイン。四角に収まるように配置したい時におすすめのレイアウトです。

日付の使用フォント:Anton https://fonts.google.com/specimen/Anton?preview.script=Latn

時間の使用フォント:Arial https://fonts.adobe.com/search?query=arial

日本語はゴシック体がおすすめですよ!

パターン2

こちらも1日限定のイベントの時に使えるデザインレイアウトです。横に情報を羅列しつつ見栄えするよう月・日は大きく、曜日は縦並びにしたデザインです。少しおしゃれな雰囲気に仕上げたい時にも相性抜群です。

日付・時間の使用フォント:Barlow https://fonts.google.com/specimen/Barlow?preview.script=Latn(Semibold)

パターン3

2日間のイベントの時に使えるデザインレイアウトです。可愛らしい雰囲気にしたい場合はこのように丸文字フォントを使うのがおすすめ。シンプルで見やすいレイアウトのため年齢層問わず見やすく感じるデザインです。

日付・時間の使用フォント:Quicksand https://fonts.google.com/specimen/Quicksand?preview.script=Latn&query=Quicksand(Bold)

日本語ゴシック体に揃えるときれいにバランスが整います。

パターン4

こちらも2日間のイベントの時に使えるデザインです。日付と時刻を2列に分けて配置する、横幅に余裕がない時にも使えて便利なレイアウトです。日付、曜日・時刻を2つのフォントで表現するおしゃれなデザイン。使うフォントはバランスを見ながら決めていくと良いでしょう。

日付の使用フォント:Anton https://fonts.google.com/specimen/Lobster?query=Lobster

時間の使用フォント:Arial https://fonts.adobe.com/search?query=arial

日本語はゴシック体がおすすめですよ!

パターン5

2日間のイベントの時に使えるデザインです。コンパクトに情報を掲載したい場合に有効なデザインです。デザインのポイントは年度を省略、「月」は/で表現、曜日は数字に重ねることです。

曜日は、日付が被りすぎない塩梅で配置するのがおすすめです。

日付の使用フォント:Barlow Semi Condensed https://fonts.google.com/specimen/Barlow+Semi+Condensed?preview.script=Latn&query=Barlow+Semi+Condensed(Middium)

時間の使用フォント:Noto Sans https://fonts.google.com/noto/specimen/Noto+Sans?preview.script=Latn&query=Noto+Sans(Bold)