← フォント検索へ

モングルフォントガイド

ポスターと商品ページの文字の役割

目を引く見出しと情報を伝える本文を目的別に組み合わせます。

資料確認

イベント名を主役にする

イベント名、日付、場所がすべて同じ大きさだと、読む順番が曖昧になります。名前は個性のある書体、日時と場所は読み取りやすい書体で組みましょう。小さく縮小したときにも、一番伝えたい言葉が残るかが目安になります。

商品情報では数字と単位を一緒に

価格、容量、配送条件は短時間で区別できることが大切です。「1,290円 / 250mL / 2個」のように単位まで入れて比較します。記号だけ別の書体になっていないかも確認しましょう。商品の雰囲気を出す見出しと、小さな注意書きは役割を分けられます。

写真と最終サイズで判断する

白背景で見えた細い線が、写真の上では消えることがあります。文字の位置を変えるか、無地の背景を置いて比較しましょう。大きな原稿をスマートフォン幅に縮めた結果と、印刷物の実寸は別に確認します。重要な商品条件は画像だけでなくページ上のテキストでも届けましょう。

実践トラブル解決

イベント名は見えるのに日時が見つかりません

モングルフォントによる架空の編集練習です。標準書体で表示しており、実際の顧客案件や効果測定結果ではありません。

変更前

雲のマーケット・10月3日・14時・雲の広場・入場無料

変更の方向

雲のマーケット 10月3日14時・雲の広場 入場無料

架空の案内を題名、日時、補助情報に分けました。全部を同じ強さで強調すると読む順番が曖昧になります。装飾書体を変える前に情報の役割を決めましょう。

確認の手順

  1. 名称、日付、時刻、場所を書き出して不足を確認します。
  2. 名称を最も大きくし、日時と場所をまとめます。
  3. 掲載予定のスマートフォン幅に縮小して日時と場所だけを読みます。
  4. 画像と投稿文を照合し、日時を本文のテキストでも案内します。
実践トラブル解決
症状先に見直す条件
題名と日付が競合する題名の強調を残し、予定を一つのまとまりにします。
縮小すると数字がつぶれる案内の太さとサイズを見直します。
各行の開始位置がばらばら日時と場所の開始線をそろえます。

事例の更新 · MongleFonts

この文章で比べてみましょう

モングルフォントが作成した配置練習用の例文です。サイトの標準書体で表示しており、特定のフォントの見本ではありません。

土曜日の小さな市

9月19日 · 午後2時

町の本屋の庭

架空のイベントです。名前だけを大きくし、日時と場所を案内用の書体に変えて、縮小しても区別できるか確認しましょう。

この順番で比べてみましょう

  1. 「ポスター」で候補を絞ります。
  2. プレビューを実際のポスターの文章に変えます。
  3. 同じサイズで数書体を比べ、最終媒体で太さと間隔を調整します。
  4. 詳細ページで対応言語、公式配布元、用途に合うライセンス条件を確認します。
候補のフォントを探す →

仕上げる前に

  • イベント名、日時、場所の順番が明確ですか?
  • 小さな画面でも価格と単位を読めますか?
  • 実際の写真と最終サイズで確認しましたか?
モングルフォントで探す
モングルフォントの「ポスター」検索画面の例
「ポスター」で候補を絞れます。保存済みの画面例のため、現在の一覧と順序は異なる場合があります。

参考記事と公式ガイド

制作者の記事から問題の捉え方を参考にし、機能と利用条件は公式資料を確認しました。例文と説明は新しく作成しています。対象言語やサービスの異なる数値を共通の規則として扱わないでください。