投稿者:タービン・インタラクティブカテゴリ:デザインみなさんは普段、Webサイトを見ていて「ごちゃごちゃしたサイトだな」とか「情報を詰め込みすぎて見にくいな」と感じることはないでしょうか?特に最近はスマホなど小さな画面で見る人が増え、「見にくい」サイトは企業イメージを大きく損ないかねません。ならないために、今回は御社のWebサイトの印象をガラリと変えるカンタンな方法を、最近のデザイントレンドとともにデザイナーの私・稲垣がご紹介したいと思います。原因は、文字の複雑さにあるまずはこちらをご覧ください↓そうですね。大きな原因としては、日本語はひらがな・カタカナ・漢字の3種類で構成されており、特に漢字は「文字自体の表示を複雑に見せてしまう」という特徴があるからです。ためしに英語と比べてみましょう。日本語の複雑さは際立っていますよね。文字の周りにホワイトスペース(余白)を使用する事で得られる効果は、主に2つが挙げられます。・文字の可読性を高めることができる・文字の複雑さを干渉できるでは論より証拠、具体的な事例を見ながらご紹介していきましょう。ホワイトスペース(余白)を設ける際の5つのポイント1)区切り線・背景を使用するタイル上のデザインなど、コンテンツごとの余白の取り方で情報整理を行ったページでは、それぞれのコンテンツが明確に仕切られ、すっきりとしたレイアウトが実現されます。公式企業サイト(http://www.toyota.co.jp/)■三菱商事(http://www.mitsubishicorp.com/jp/ja/)2)写真を使用する写真を大きく使ったメインイメージでは、画像に対して十分に余白をとってキャッチコピーをレイアウトすることで、キャッチコピーをより印象的に見せることが可能です。■ヤンマー株式会社(https://www.yanmar.com/jp/)■株式会社グッドライフカンパニー(http://www.goodlife-c.jp/)3)アイコンを使用するアイキャッチとして使用されているアイコンも、余白を効果的に使用することで、より強調された見え方になります。■クリプトン・フューチャー・メディア株式会社(http://www.crypton.co.jp/)■CHRYSLER(http://www.chrysler.co.jp/)4)見出しを使用する見出しの周りに十分な余白をとったデザインでは、文字がより目立ち、視認性が高まります。(http://www.awaji-kotsu.co.jp/)5)縦書きを使用する余白を利用し、縦書きの文字を印象的に見せたデザイン。日本人の余白に対する美意識が生かされています。(http://www.dorokogyo.co.jp/)Webサイト制作・リニューアルを成功させるためのチェックリスト10をこちらの記事にまとめていますので、合わせてご覧ください。「Webサイト制作を成功させるためのチェックリスト10」まとめ今回は、文章の周りにホワイトスペース(余白)を使用する際の5つのポイントについてご紹介いたしました。企業の顔でもあるWebサイトを見やすくするためには、日本語の複雑さを理解し、文章の周りに十分なホワイトスペース(余白)を使用する事が重要です。ホワイトスペース(余白)を十分にとることで、ページ全体にゆとりが生まれ、ユーザービリティも高まります。参考にしてみてください。マーケティングを意識したサイトリニューアルができるような事前チェックリストをお作りしました。見込み客を増やしたいすべての方へ。Photos(ライブフォト)」活用ノウハウ無料相談会を毎週木曜日に定期開催中!Webマーケティングや営業管理の悩みに、具体的な活用イメージのお手伝いや、課題解決についてお答えいたします。無料のHubSpotツールをカンタン導入!時間、コストをかけずにWebマーケティングや営業管理を強化できる無料のHubSpotツールがカンタンに導入できます。拠点とするタービン・インタラクティブは、Webデザイン、コンテンツ運用、HubSpot導入、マーケティングオートメーション活用を通じて企業の売上拡大と営業活動の効率化を支援するインバウンドマーケティングエージェンシーです。reserved.お問い合わせ個人情報の取り扱いについてサイトマップ。