« ブログのトップページに戻る

いいデザインは「余白」をうまく使っている!

   投稿者 : 2015年5月29日 By

イメージ画像

グラフィックデザイン、WEBデザインにおいて、「余白」を意識しデザインすることは重要な要素である。「余白」が計画的かどうかで「見やすさ」が大きく左右される。
今回は、デザイン4原則の整列、近接、繰り返し、コントラストのプラス1要素として「余白」を取り上げたい。WEBデザインはこの「余白」を積極的に使うことで情報を見やすく、読みやすく出来るのだ。

「余白」の効果は次の3点が主なところである。

  • 見出しテキストなどの情報にまとまり感が出る。
  • 情報と情報、コンテンツ内容の切り分けをつけることができる。
  • デザインの品がよくなる。

 

1.「余白」は「図」の独立性を高める

下の例を見てみよう。左はタイトルやコピーやイラストの回りに「余白」が少ないものだ。文字は大きいが、とても窮屈で読みにくくなることがわかる。むやみに文字を大きくすれば、読みやすくなるというものではない。
右のようにゆとりをもって「余白」を意識的に設定することで、文章や、図、タイトルの独立性を高め、見やすく、読みやすいデザインにすることができる。

余白を作る

 

2.「余白」の取り方

内側の余白は外側の余白より狭くする。さらに同じグループになるコンテンツは近接させ、別グループのコンテンツは逆に余白を大きくとる。
そうすることで、人は無意識的に、「集まっているものは同じグループ」として認識し、情報をまとまりとしてとらえ、全体的に見やすくなり、内容もわかりやすくなるのだ。

余白の取り方

 

3.「余白」をうまく使ったWEBデザイン

余白をうまく使ったデザインで代表的なWEBサイトといえば、Appleではないだろうか。余計なものをなくし、余白をたっぷり使い、必要なものを計画的に配置している。
デザインはスッキリしているということが大事である。この“スッキリ”の傾向が最近のWEBサイトデザインでは特に求められるところではないだろうか?

アップル
Apple

レ_ポーター
re.porter

細野
株式会社 細尾

デザイン_あ
デザイン あ

 

まとめ

「余白」=ホワイトスペースは目立たない「地」の役割をする重要なデザイン要素である。図としての写真やテキストブロックを効果的に浮かび上がらせ、また、美しいバランスや分かり易い情報の流れを演出する為には「余白」を上手にコントロールし、利用することがとても重要である。
越境ECサイト構築の際にはこの「余白」を意識し、デザインに活かしていただきたい。

関連する記事

Live Commerceで日本の釣り具を世界に販売する 「ASIAN PORTAL」大谷社長にイン... 今回は、今年6月より、スタートアップした「ASIAN PORTAL FISHING」の大谷社長にいろいろとお話を伺った。「ASIAN PORTAL FISHING」では日本の釣り具メーカー約300社を集約し、Fishingに特化した商品を海外に販売している。 オープン間もないが、事業内容や...
2016年、日本のEC市場はどうだった? 今回も前回に引き続き経済産業省から2016年の「我が国におけるデータ駆動型社会に係る基盤整備」報告書に基づき、国内のEC市場を中心にまとめてみた。 報告によると、日本国内のBtoC-EC市場規模は、15兆1,358億円。前年より9.9%増加したとしている。 各分野では物販系分野で8兆43...
押さえておきたい!スマホサイトのフォーム最適化のポイント... パソコンECサイトではコンバージョン率があるのに、スマホECサイトでは成約に至らないケースが多いのはフォームに問題があるケースが多い。せっかくスマホECサイトを作ったのに売上が伸びない、効果が発揮されないなど悩みがある方も多い。パソコンに比べ、入力にストレスを感じることの多い、スマホサイトのフォ...
3C分析で自社WEBサイトを強化するには 3C分析という言葉はマーケティングの世界では良く使われるキーワードではあるが、意外とその意味や実際に3C分析をどう行えば良いのかわからない方も多い。 今回は、3C分析を使って自社WEBサイトを改善またはリニューアルするときの留意点などをまとめてみた。   ●そもそも3C分析とは...
ECサイトの売り上げを倍増させる“心理学テク15選”... ECサイトの最終の目標はコンバージョンを発生し、売上を上げることだ。売上を上げるには、お客様の購買心理を読み解く必要がある。この購買心理を読み解く一つの方法として行動心理学が応用されている。そして、この行動心理はECサイト構築のカート機能や商品のキャッチコピー、商品説明などに活用されている。 ...
ECの巨人AmazonとZOZOTOWN 2018年も後半に入った。国内では、西日本を襲った記録的な豪雨による災害が相次いでいる。被害に遭われた方、避難を余儀なくされている方に心より、お見舞い申しあげる。 今回は昨年2017年のEコマースについてランキング資料をベースに振り返りつつ、昨年も他を大きく引き離し成長したECモール、「Am...

タグ:

このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。