余白」を生かすとは?余白について考えてみたこんにちは。デザイナーの角谷です。最近、朝活をはじめました。早朝5時に目覚めて映画を見たり本を読んでいます。「早起きは三文の徳」とはよく言ったものです。朝活、おすすめです!さて、今回のテーマは社内スタッフから要望のあった「余白」についてです。私自身、感覚的にする部分もあったりして言語化が難しく、後輩デザイナーに余白について説明したくても、言葉で言い表せなくもどかしいと思うこともしばしば。クリエイティブはもちろん、文書・企画書などにおいても「余白」は意識しておきたいポイントの1つなので、おさらいの意味も含めまとめてみました。そもそも「余白」とは?業界用語では「ホワイトスペース」と呼ばれることも。字や絵などが書いてある紙面で、何も記されないで白く残っている部分。小学館デジタル大辞泉について・・・とのことです。「何も記されないで白く残っている部分」ではなく「あえて白く残している部分」と言いたい!!ですね。「余白」を取ることでもたらされる効果1『情報の明確化』まずはこちらのバナーをご覧ください。いかがでしょうか?2つのバナーを見比べてみて、右側のBのバナーの方が見やすいと感じたのではないでしょうか?なぜなら、Aのバナーはすべての情報が主張してしまい、何が重要なのかわからなくなり、伝えたいことが埋もれてしまっているからです。その点、Bのバナーは全体的にゆとりがあり落ち着いた印象で、伝えたい情報をわかりやすくレイアウトしています。文字のジャンプ率も変更しているので、情報の優先順位がついて、より伝わりやすくなっていますね。先ほどのバナーの情報を3つに分けて、文字の間の余白に色をつけてみました。TUE各情報を十分な余白で仕切っていることで、1番伝えたい「タイトル」を明確にできていることが分かりますね。webサイトのコンテンツではどうでしょうか。次のレイアウトのように、十分な余白を取れば、仕切りができ、それぞれのアイテムが明確になります。段組みの間を大きく広げることで、左上から右下の順にZに流れる視線を誘導する効果もあらわれます。最後に、余白の効果で個人的に最も大きな役割だと思っているのが「デザインの印象が変わる」ということです。余白を広く、大きくすれば、静かで洗練されたイメージを表現できます。先ほどのサンプルレイアウトを比べてみます。右のレイアウトの方が、シンプルでゆとりがあり、洗練されたブランドイメージを表現しているように感じるのではないでしょうか。まとめいかがでしたか?余白を生かしていないデザインはなんとなく素人っぽさを感じたのではないでしょうか。「何が大切か、何を見せたいのか」を意識しはじめたら、自然と余白の取り方が身につきました。余白をうまく取り入れて、クリエイティブの質を高めていきたいですね。印象が変わる!?ジャンプ率を意識してみる。余白」を生かすとは?余白について考えてみたContactお問い合わせサイト制作、プロモーションなどご相談はお問い合わせフォームをご利用ください。