メニュー メニューをクロース

  • ホーム
  • コラム
  • 「読みやすい」キレイな記事デザインを作る 3つの基本ルール

ノウハウ

「読みやすい」キレイな記事デザインを作る 3つの基本ルール

「読みやすい」キレイな記事デザインを作る 3つの基本ルール
  • #デザイン
  • #編集方法

 こんにちは。ディレクターのnocoです。

社内報制作のお悩みでよく挙がるもののひとつに「デザイン」があります。
担当者の多くが編集のプロではないため、「読みやすさ」と「読みたくなる見た目」を両立したデザインを指示することは難しく、なかなか納得のいくものに仕上がらないようです。

そこで今回は、専門的な知識や経験がなくてもわかる、デザインを良くする基本的なポイントを3つご紹介したいと思います。

文字ブロックや画像の位置、あらゆるところを「揃える」

読みやすいデザイン、洗練された印象を受けるデザインは、記事内のパーツがきちんと揃えられています。隣り合う写真だけでなくテキストボックスの位置や大きさ、余白スペースも実はきちんと計算して配置されています。

795316b92fc766b0181f6fef074f03fa-300x127

 

より細かに揃えることで、キレイに整理され、読みやすくなります。

2b530e80c7d0de90885e285c5d798063-300x192 

 

写真をよけるようにテキストが配置されているのは、読みにくい上に窮屈な印象を与え、読みたい気持ちになりません。避けたいNG例です。
c8856789ec11ab8b1013037cef6929f9-222x300

色々なデザインレイアウトがあるので、全てを表のように揃えるわけではありませんが、ひとつのグループ(見出し、本文、写真、キャプション)の中で揃える、それぞれのグループのどこかのラインが揃っている、ということを意識するだけでデザインが引き締まります。

読みやすく美しい文字ブロックにする

例えば、A4サイズの左右いっぱいに文字がぎっしり入った文章は読みやすいでしょうか?文字量は、読みやすさはもちろん、見た目にも影響してきます。一般的に、本文の1行あたりの適した文字数は、縦書きで20~45文字、横書きで15~35文字程度と言われています。また、逆に10文字以下(外国語だと3単語以下)は読みにくくなります。雑誌の記事などでは、1行18~21文字ぐらいが多く使われます。ここを意識することで読むリズムを作ることができます。また、もうひとつ心がけたいのは、最後の行が最低でも1/3程度は埋まるように調整することです。(理想は2/3です!)よく見かけるのですが、「です。」など2~3文字だけで終わっていると、余分なスペースが増え、ホワイトスペースのバランスが変わってきます。また、情報的にも「足りない」印象を与えてしまいます。できる限り見栄えが良くなるようにテキストを調整することは、コピーのスキルアップにもつながりますよ!
3a4f695a458cb0ac0aceaa2eb13ac2dd-300x258

囲みに頼らず「余白」でメリハリを出す

社内報の制作でよく遭遇するのが「余白恐怖症」です。余白があると不安になり、つい埋めたくなってしまう…。そして同じくよくあるのが「とにかく囲む病」です。囲み罫で囲った中に色ベタでまた囲って…とあらゆるものが枠に囲われているデザインです。
どちらも気持ちはわかりますが、デザイナーの仕事としては工夫が足りないように思います。囲みは本当にポイントになる部分やコラムで使い、できる限り、ジャンプ率(文字の大きさの差)や色、囲み罫以外のデザイン処理でメリハリを出してもらいましょう。
f96d9b4281f6d16b3c7589aed5a17be5-300x222

そして、読者の読みやすさを考えると余白は必要です。余白は、目を休めるスペースであり、読む順番を誘導する役割があります。何より、余白が生むバランスがデザインを良くみせるのです。「かっこいい」と感じるデザインは余白の使い方がとても上手だと思います。色々な雑誌を見て参考にしてみましょう。

 

社内報担当者のための情報サイトSHAHOO!(シャホー)より

(運営:glassy株式会社)

SHARE

全9種類

社内報作成に役立つ資料を 今なら無料プレゼント!

インナーコミュニケーションや社内制作業務に関する
お役立ち資料を無料でダウンロードできます。

資料ダウンロード(無料)

全9種類

社内報作成に役立つ資料を
今なら無料プレゼント!

インナーコミュニケーションや社内制作業務に関する お役立ち資料を無料でダウンロードできます。

資料ダウンロード(無料)

新着記事

社内報制作に役立つスケジュール管理のコツ

ノウハウ

社内報制作に役立つスケジュール管理のコツ

    object(stdClass)#3764 (12) { ["term_id"]=> int(18) ["name"]=> string(12) "編集方法" ["slug"]=> string(36) "%e7%b7%a8%e9%9b%86%e6%96%b9%e6%b3%95" ["term_group"]=> int(0) ["term_order"]=> string(2) "29" ["term_taxonomy_id"]=> int(18) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(205) ["object_id"]=> int(491) ["filter"]=> string(3) "raw" }
  • #編集方法
  • object(stdClass)#3758 (12) { ["term_id"]=> int(3) ["name"]=> string(12) "ノウハウ" ["slug"]=> string(36) "%e3%83%8e%e3%82%a6%e3%83%8f%e3%82%a6" ["term_group"]=> int(0) ["term_order"]=> string(2) "32" ["term_taxonomy_id"]=> int(3) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(280) ["object_id"]=> int(491) ["filter"]=> string(3) "raw" }

2017.06.15

担当者の引継ぎで見落としがちな3つのポイント

トピックス

担当者の引継ぎで見落としがちな3つのポイント

    object(stdClass)#3766 (12) { ["term_id"]=> int(18) ["name"]=> string(12) "編集方法" ["slug"]=> string(36) "%e7%b7%a8%e9%9b%86%e6%96%b9%e6%b3%95" ["term_group"]=> int(0) ["term_order"]=> string(2) "29" ["term_taxonomy_id"]=> int(18) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(205) ["object_id"]=> int(935) ["filter"]=> string(3) "raw" }
  • #編集方法
  • object(stdClass)#3757 (12) { ["term_id"]=> int(4) ["name"]=> string(15) "トピックス" ["slug"]=> string(45) "%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9" ["term_group"]=> int(0) ["term_order"]=> string(2) "31" ["term_taxonomy_id"]=> int(4) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(73) ["object_id"]=> int(935) ["filter"]=> string(3) "raw" } object(stdClass)#3760 (12) { ["term_id"]=> int(3) ["name"]=> string(12) "ノウハウ" ["slug"]=> string(36) "%e3%83%8e%e3%82%a6%e3%83%8f%e3%82%a6" ["term_group"]=> int(0) ["term_order"]=> string(2) "32" ["term_taxonomy_id"]=> int(3) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(280) ["object_id"]=> int(935) ["filter"]=> string(3) "raw" }

2016.10.11

動きのある「新入社員特集」ページを作るには?

ノウハウ

動きのある「新入社員特集」ページを作るには?

    object(stdClass)#3756 (12) { ["term_id"]=> int(17) ["name"]=> string(12) "デザイン" ["slug"]=> string(36) "%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3" ["term_group"]=> int(0) ["term_order"]=> string(2) "27" ["term_taxonomy_id"]=> int(17) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(15) ["object_id"]=> int(1558) ["filter"]=> string(3) "raw" }
  • #デザイン
  • object(stdClass)#3767 (12) { ["term_id"]=> int(18) ["name"]=> string(12) "編集方法" ["slug"]=> string(36) "%e7%b7%a8%e9%9b%86%e6%96%b9%e6%b3%95" ["term_group"]=> int(0) ["term_order"]=> string(2) "29" ["term_taxonomy_id"]=> int(18) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(205) ["object_id"]=> int(1558) ["filter"]=> string(3) "raw" }
  • #編集方法
  • object(stdClass)#3761 (12) { ["term_id"]=> int(3) ["name"]=> string(12) "ノウハウ" ["slug"]=> string(36) "%e3%83%8e%e3%82%a6%e3%83%8f%e3%82%a6" ["term_group"]=> int(0) ["term_order"]=> string(2) "32" ["term_taxonomy_id"]=> int(3) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(280) ["object_id"]=> int(1558) ["filter"]=> string(3) "raw" } object(stdClass)#3762 (12) { ["term_id"]=> int(16) ["name"]=> string(6) "企画" ["slug"]=> string(18) "%e4%bc%81%e7%94%bb" ["term_group"]=> int(0) ["term_order"]=> string(2) "33" ["term_taxonomy_id"]=> int(16) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(85) ["object_id"]=> int(1558) ["filter"]=> string(3) "raw" }

2015.03.17

用紙のちょっとしたこだわり

ノウハウ

用紙のちょっとしたこだわり

    object(stdClass)#3765 (12) { ["term_id"]=> int(18) ["name"]=> string(12) "編集方法" ["slug"]=> string(36) "%e7%b7%a8%e9%9b%86%e6%96%b9%e6%b3%95" ["term_group"]=> int(0) ["term_order"]=> string(2) "29" ["term_taxonomy_id"]=> int(18) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(205) ["object_id"]=> int(830) ["filter"]=> string(3) "raw" }
  • #編集方法
  • object(stdClass)#3763 (12) { ["term_id"]=> int(20) ["name"]=> string(6) "印刷" ["slug"]=> string(18) "%e5%8d%b0%e5%88%b7" ["term_group"]=> int(0) ["term_order"]=> string(2) "30" ["term_taxonomy_id"]=> int(20) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(24) ["count"]=> int(31) ["object_id"]=> int(830) ["filter"]=> string(3) "raw" }
  • #印刷
  • object(stdClass)#3759 (12) { ["term_id"]=> int(3) ["name"]=> string(12) "ノウハウ" ["slug"]=> string(36) "%e3%83%8e%e3%82%a6%e3%83%8f%e3%82%a6" ["term_group"]=> int(0) ["term_order"]=> string(2) "32" ["term_taxonomy_id"]=> int(3) ["taxonomy"]=> string(9) "columncat" ["description"]=> string(0) "" ["parent"]=> int(0) ["count"]=> int(280) ["object_id"]=> int(830) ["filter"]=> string(3) "raw" }

2017.02.21

お電話でのお問い合わせはこちらから

東京: 03-3632-4818

名古屋: 052-856-2045

大阪: 06-7653-5657

情報誌プレゼント

お問い合わせ・ご相談

情報誌プレゼント

お問い合わせ・ご相談

コラムへ

コラムへ

ページトップへ