晶子(ディーシーティーデザイン)2014年6月9日更新ツイート閲覧数8,242viewsこのコラムをPDF形式でダウンロードするタイトルを見て「文字もレイアウト?」と思った方が多いかもしれません。日本では、漢字、ひらがな、カタカナ、ローマ字など、使える文字の種類が多いため読みやすさを追求するとキリがないのが正直なところです。そこで今回は、「文字」をレイアウトするためのコツについてお伝えします。文章のまとまりを整理しよう下の画像は、よくある商品紹介のページ例です。内容が伝わらないでもないのですが、直した方が、よりわかりやすくなる!という箇所が「6つ」あります。見つけてみてください。注釈にあたる部分は、まとまり感を出す・文字を小さくするなど工夫を左右や上下、文字の始まりの箇所などを「そろえる」ようにする「円」を小さく余白をうまく使うこれら全てを修正したものが下の画像です。?読みやすさがアップしていると思いませんか?左右に並べてみるとよくわかると思います。インデント(行頭一文字下げ)は、長い文章の時は読みやすくなるかもしれませんが、1行や2行のキャッチコピーには向きません。人の目の動き、は雑誌や新聞・ホームページを見る際に、無意識のうちに左上から右上への水平に移動し、全体を見ながら徐々に左下へ移動すると言われています。これを「Zの法則」と言います。これに加え、ホームページを見る際の目の動きでは、左上から右上へと水平に移動し、開始した位置から少し下を始点に水平に右へ動かすとも言われています。これは「Fの法則」と言われています。「Zの法則」で全体を把握し、「Fの法則」で内容を理解する、と考えられています。<Zの法則><Fの法則>この法則を意識しながら、読んでもらえるレイアウトを心がけてみましょう。価格などの、同じ要素を羅列する際に、見やすくレイアウトすることができます。商品名から価格まで、すんなり読むことができると思います。第6回:カラム機能を活用してみよう」まとめ文字や写真を単に配置するのではなく、ホームページで欲しい情報がある人たちが少しでも読みやすいよう、「コントラストを考える」「揃える」「余白を使う」「関連する情報をまとめる」ことを意識して、レイアウトしてみましょう。次回も、文字や余白についてお伝えします。イベント企画・ディスプレイ等に携わる。「何かをつくりあげる」ことに魅力を感じ、「デザインを発注する側」から「デザインする側」へ転身。2004年に「ディーシーティーデザイン」を設立、Webサイトや紙媒体の企画から制作、活用提案、さらに継続的な運用支援を行っている。クリエイター向けのセミナー講師のほか、経営者向けの講演なども行う。2012年、青森県内の仲間とNPO法人あおもりIT活用サポートセンターを設立。IT教育部会を担当し、ITに関わる人材育成に力を注いでいる。何事も「つなげる」ことが好き。人と人、モノやコトはひとり(ひとつ)よりもつながることでより良いものになると信じている。自他共に認める「愛犬家」で、縁あって里親になったフレンチ・ブルドッグの「タロウ」を溺愛中。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。