about noma

海老名と厚木を彩る情報&WEBマガジン
厚木と海老名の間 [noma]

search

【はじめましてデザイン vol.04】フォント篇-コントラストをつけよう。-

2018/04/07by つっちー


こんにちは!nomaデザイナー&ライターのつっちーです。

少し間が空いてしまい、ごめんなさい!
今回も前回に引き続きフォント編。

vol.04は「フォントにコントラストをつけよう」です。

フォント(文字)には太字や細字と選択できる場合がありますが、この太字、細字のコントラスト(強弱)をうまく使うことでより伝わりやすいデザインにすることができます。

さぁさぁ、みなさん桜の季節は終わりそうですが(笑)
今回は「お花見会の案内状」Microsoft wordで作った例を交えながら、フォントのコントラストについてお話ししていきますよ!

何を伝えたいか優先順位を考えてみよう

まずはどんな相手に案内状を渡すかを考えます。
今回、渡す相手は30代、40代くらいの友人やその知人としましょう。

そして、案内状に入れたい内容を書き出します。
この時、「タイトル」「タイトルを補足する文章や挨拶文(リード文)」「概要」「連絡先」の流れで配置すると読みやすいですよ!
チラシを作る時もこの流れは活用できます。
次に何の案内状なのか?
いつ、どこで、どんな内容なのか?をしっかり相手に伝えたいですよね。

では、伝えたい内容の優先順位を番号でつけてみましょう。

1.タイトル(案内)
2.日時、場所、会費、詳細
3.申し込み、連絡先
4.挨拶文

こんな感じでしょうか。

そして、これを元に優先順位順にフォントにコントラスト(強弱)をつけてみます。
この時は結構大胆に!文字の大きさや太さを変化させてみてください。
右側がフォントの大きさや、太さに変化をつけ、コントラストをつけたものです。

これだけでも、一気に見やすくなりませんか?

平坦だった案内状のフォントに強弱があることで、優先順位順で内容が目に止まり、読みやすくなります。
このように最初に伝えたい情報を一旦整理するだけでも、全く別の案内状に変化します。

その案内状、本当に見やすい?伝わっている?

さて、私が町などで見たことがある案内状デザインを例として見ていきましょう。
この案内状、どうでしょう?

「伝えたい!」「目立たせたい!」の思いが優先してしまい、タイトルの色やフォント(文字)の種類、太さ、細さもバラバラなので、何が重要なのかわかりません。

タイトルの背景に使う色も明るすぎますよね。
全体的に少し圧迫感があり、ストレスを感じやすい印象です。

次は、こちら。
こちらは明朝体フォントですべてのフォントが統一されているので、落ち着いていて読みやすいですね。

でも、文字の大きさにだけ少し変化はありますが、太さや大胆さには欠けています。
また、使用している明朝体フォント(文字)「真面目、上品」な印象を受けることから、少し堅苦しく、つまらないお花見会という印象を受けやすくなります。

イラストを入れて少しポップには見えますが、せっかく参加者を楽しませるゲームがあるのに、ちょっともったいないですよね。

 

見やすい伝わりやすい楽しそうな案内状を作る。

上の例に注意しながら案内状を作ってみました。
いかがですか?

作るにあたって意識したポイントは5

親近感や活気が出る印象を与える「ゴシック体」のフォント(文字)に統一。
フォントの種類をすべて一緒にするだけでも、デザインにまとまりがでます。

●フォントの色は黒だけでなく、桜がイメージできるような優しい桜色をフォントや囲み枠などを取り入れ、コントラストと明るさをプラス。
色を使いすぎない。イラストなどに使用されている色をフォントの色などに取り入れるとデザインがさらにまとまります。

●概要や連絡先にも本当に伝えたい・目に止まってほしい内容は大きくしたり、太字に

●イラストなどを所々に少し添え、さらに明るく楽しそうな印象に。
桜の写真を入れたり、自分でイラストを手書きするのもオススメです。

●文章は読みやすいように中途半端な改行はさけましょう。

上記のポイントを意識しながら、作ってみるとデザインにまとまりが出て、見やすい案内状ができあがりますよ。
試してみてくださいね♪

(おまけ)無料で使える、おすすめイラスト素材サイト

普段、案内状やお手紙をパソコンで作る時に無料で使えるイラストを探すのに苦労しませんか?
お花見の案内状でも使用させて頂いた、無料で使えるクオリティの高いイラスト素材サイトをご紹介します。
使用方法などはサイトごとにしっかり読んで、規約に沿って使用するようにしてくださいね。

かわいいフリー素材集いらすとや


もうすでにご存知の方もいると思いますが、バリエーションも痒いところに手が届くイラストが豊富です。
https://www.irasutoya.com

いらすとん


いらすとやの姉妹サイト。タッチもより親しみがあるので、作成物を彩るにはオススメです。
http://www.irasuton.com

EVENTs Design


様々なイベントで使用できるフリー素材がたくさん集まっています。
クオリティも高く、綺麗な色合いのイラストばかりなので他と少し差をつけるなら◎。
http://event-pre.com

イラストレイン


こちらも優しい色合いのイラストが多く、行事ごとの素材も豊富です。
カテゴリ一覧が一気に見られるので、サッと見つけやすいのも魅力です。
http://illustrain.com

物足りないな〜、何かイラスト欲しいな〜という時は覗いてみてくださいね♪

 

次回のはじめましてデザインはフォント篇の特別版。
既存のフォントだけじゃつまらない!「無料でも使えるフリーフォント」をご紹介します♪

お楽しみに〜!

WEB&デザイン事務所【カズミア株式会社】
〒243-0434 神奈川県海老名市上郷972-10 1F ららぽーと海老名すぐそば
女性向けホームページ・WEB集客・グラフィックデザインなら【カズミア株式会社】

nomaで連載コラムを配信したい方募集中!

厚木または海老名に拠点がある店長・ショップオーナー様、専門家の皆様。
日頃の知識や情報をnomaの連載コラムを通してたくさんの方へ広めてみませんか?

  • 「農業についてもっと語りたい」
  • 「食についてもっと伝えたい」
  • 「ママの子育てのお悩みを解決したい」
  • 「マニアックな活動をもっと知ってほしい」
  • 「手軽にDIYを共有したい」
  • 「カメラについてもっと広めたい」
  • 「自宅でできるストレッチ方法」
  • 面白い めざすらしいスキルをもっている

などなど、

日々生活する中でちょっとした豆知識や情報を知りたい人がたくさんいます。
nomaの連載コラムについてご興味ある方はぜひお問い合わせください♪

 

アバター画像

nomaメンバー

つっちー

神奈川県在住。普段はデザインやイラストのお仕事をしています。 ライフスタイルはシンプルに楽しく! 旅・お酒・食・アウトドアが好きで好奇心旺盛。
シェアやツィートしてくれたらメンバーが喜びます
HOME > デザイン > 【はじめましてデザイン vol.04】フォント篇-コントラストをつけよう。-
TOPへもどる