レイアウトで欠かせない、相手を魅了する空間「ホワイトスペース」

lost places 1798613  340 - レイアウトで欠かせない、相手を魅了する空間「ホワイトスペース」

こんにちは、美大卒・元アパレル店員の
ゆっきー(@elcielo_design)です。

今回は、レイアウトで使える
コツについてお伝えしようと思います。

スポンサーリンク

時間をかけてレイアウトしても。

他の人のデザインやイラストを見たとき

「これ見にくいな。」
「読み辛いな。」

「どこから読めばいいの。」
「どれが大切な部分なんだろう。」

そういった経験はないですか?

自分のポスター、雑誌、ビラ
カタログ、リーフレット、web

せっかく色んなデザインをしても
読んでもらえない見てもらえない。

それを解消するテクニックとして
レイアウトで特に意識して欲しい
ポイントが1つあります。

スポンサーリンク

空間を意識する。

その意識すべきことは「余白」です。

「余白」と聞くと、隙間が無駄とか
スペースがもったいないと思われがちで

余計な文字や画像(写真・イラスト)を
入れて埋めようとしがちだと思います。

でも実は、デザインする上で
余白を文字や画像などと同じように

1つの素材として上手く使うことで
とてもデザインがよく見えるんです。

そもそも余白とは?

根本的な部分からですが、
文字「余白」に「余る」があるから
余計なものだというのは違います。

字や絵などが書いてある紙面で、何も記されないで
白く残っている部分。「欄外の余白」

実際、辞書の意味はそうなのですが、
デザイン上の余白(ホワイトスペース)は
構成する要素同士の間隔のことです。

デザイン分野・業界では
「ホワイトスペース」とも言われますね。

ホワイトスペースがあることで、
ビジュアル的に明確で上手く配置され
そのデザインは見る人に好まれます。

デザインのホワイトスペースは、
作ったり描く上で余った部分ではなく
意識的に意図的に作るものなんです。

余白の効果

ホワイトスペースを利用することで、
デザインで色んな効果を出すことが可能。

その中で特に4つの効果があるので
紹介してみようと思います。

  • 情報の緩和

  • 情報のグループ化
  • 視線誘導

  • 印象変化

1つずつみていきますね。

① 情報の緩和

ホワイトスペースの効果で
1番使うものになります。

もしかしたら、無意識に使っている
効果の1つかもしれませんね。

情報の緩和とは
デザインに多くの情報が存在する際に
その情報それぞれの主張(強調)を
緩め和らげるということになります。

全部の情報が主張していると、
何を見ればいいのか、大切なのか
わからなくなってきますよね。

例えば、文字周りや各文章の塊の間に
ホワイトスペースを設ける必要があります。

デザインの情報を緩和させましょう。

② 情報のグループ化

これもホワイトスペースで
大切な1つの効果になります。

グループ化(区分け)とは各カテゴリーの
内容を近づけ過ぎないように離すということ。

ホワイトスペースが広いほど
カテゴリーの別物感が出でくると思います。

③ 視線誘導

この視線誘導は、視覚階層と
合わせて知ってもらいたいことです。

視線誘導は、文字どおり
人間の視線を誘導したいところ
方向や目的地へ導くことになります。

文字や画像の配置、色、大きさで
導くことも多いのですが、

ホワイトスペースをカテゴリー間で
近づけることで近いものを関連づけ
先に読ませたり見せさせたりします。

関連記事

④ 印象を変化させる。

ホワイトスペースが多いと
高級感が増すと聞いたことありませんか?

ホワイトスペース1つで
デザインの印象を変えることができます。

ホワイトスペースが少ない場合
詰まった、賑やか、安さなどの印象

ホワイトスペースが多い場合
高級感・存在感、シンプルなどの印象

デザイン制作物のコンセプト(狙い・目的)
情報量・用途や方法で使い方は変わります。

また、このホワイトスペースの効果は
ジャンプ率と似たような要素を含んでいます。

ホワイトスペースが大きいというは
デザイン要素のジャンプ率は低い
可能性があるので確認が必要です。

ホワイトスペースはデザイン要素の周り
ジャンプ率はデザイン要素自体の考え方。

関連記事

余白を感じる。

08 WhiteSpace1 - レイアウトで欠かせない、相手を魅了する空間「ホワイトスペース」

ホワイトスペースの効果
「印象変化」を感じてみてください。

例えば、上の図のように
要素を中央に置き余白を設けることで
「清潔感」「洗練れた感」を出せます。

また「存在感」「高級感」が強くなったり
相手の視線を長めに引きつけます。

それに、文章も何行空けるかで
読みやすさが、ぐっと変わり
最後まで読みやすい文章になります。

意識する始めのポイント

最初は、文章を書いてる時
何行空けた方がいいか、幅はこれくらいか
客観的に意識し書くことがおすすめです。

それができたら、
項目、画像と見出しの間隔、単語間
大きな要素と要素同士の間隔など

と言ったように色んな余白を
意識して使ってみてくださいね。

ホワイトスペースはデザインをする上で
大切なテクニックなのでマスターしましょう。

スポンサーリンク

シェアする