更新:2016年6月5日もう、読みづらいなんて言わせない!ウェブ文章をデザインする5つのコツ川島康平[著]TweetPocket「Webサイトの長文は読まれない」という話をよく聞きますが本当でしょうか?いいえ、そんなコトはありません。「文章がヘタ」か「読みづらい」だけです。そこで、知ってるようで意外にできてないウェブ文章をデザインするポイントをご紹介します。1.見出しはキチッと目立たせるウェブに限ったことではありませんが、見出しは文章にメリハリをつけ、次を読んでもらうためには欠かせない存在です。中途半端に目立たせるのではなく、思いきってフォントサイズを上げたり、下線や文字色で工夫してみましょう。流し読みされても一瞬で文意が理解できるほど目立たせることで、途中から読み始めてもらえるかもしれません。長文になるほど、「段落分け」が重要になります。ウェブの場合、3行毎に段落分けするよう心がけることでグッと読みやすくなります。場合によっては、「3-1-4」になっても問題ありませんが、3行で段落分けできるようライティングの時点から気をつけてみてください。文章がヘタな人ほど一文が長くなりがちです。例のように、CSSで行間を調整すると、さらに読みやすくなります。3.段落内改行、ダメ、ゼッタイこれはついやりがちですが、段落内に改行を入れるとかなり読みづらくなります。Webサイトは閲覧する環境によって一行の文字数が変わるため、変なところで改行が入り、見苦しい文章になることもあります。自分は読みやすくても、予期せぬ見栄えになってた。なんてコトも考えられるのです。4.サイズ・エフェクト・カラーでメリハリをテキスト部分をデザインするとき、「全部目立たせたい!」と同じフォントサイズや文字色を使ってはいませんか?同じサイズだと主従関係がつかないため、まずは大きさでメリハリをつけましょう。小さくした方も重要な要素であれば、文字色やエフェクトで目立たせてみましょう。5.グリッドを意識しよういわゆるグリッドデザインです。周囲の写真や見出し、アイコン等の位置に合わせてレイアウトするという、カッチリデザインの基本ですね。画像系ツールにはグリッドを表示する機能がありますが、慣れない人は近くの要素しか考慮できなかったり、縦横一方のグリッドしか意識できないようです。例の青線では、本当は見出しとFacebookプラグインのラインは合わせたいところです。まとめ「ウェブ文章をデザインする5つのコツ」いかがでしたか?その他にも上手なホワイトスペースの取り方等、読みやすい文章をデザインするポイントは沢山あります。日頃から、「読みやすさ」にアンテナをはってWebサイトを見てみるといいと思いますよ。レイアウト10万いいね!目指してます。(株)朝日ネットに入社。テクニカルサポート、WEBサポート部の部門長を歴任。退職後、ベンチャー企業2社で修行を積みながら2冊の著書を出版。独自のWEBマーケティング理論はメディアからも注目を集める。2009年3月(株)ココマッチー設立。WEBサイト制作、リスティング広告運用、コンサルティングを中心に事業を展開。神田昌典氏との対談やKDDIの企業研修、週刊ダイヤモンドの特集に取り上げられる等、WEBの範疇を超えた幅広いビジネスモデルやマーケティングの知識に定評がある。著書「あの繁盛サイトもLPOで稼いでる!」、「お客をつかむウェブ心理学」等。*メールアドレス(公開はされません。人気の記事トップ20LINEの裏ワザを一挙大公開!役立つ裏技からドッキリまで。意外と知らないTwitterの裏ワザ検索。【まさに大人の自習室】都内厳選6コワーキングスペースを一挙ご紹介こ、こんなに違うの?各SNSの特徴を知って注目される配信を目指そう急上昇キーワードを把握できるGoogle・Yahoo!のお役立ちツール5選フォントや配色でこんなに違うの!?興味を惹くWEBサイトの各事例デザインの秘密なんと無料!超カンタンにアニメーション動画を作ってみようココ街は(株)ココマッチーが運営しています。