更新：11月5日 09:00インターネット：最新ニュース

余白とウェブデザイン　引き算が生み出す美しさ

　先日、米アップルから発売された新型「マックブック」のボディーは、一枚のアルミ板から削り出し作られている。継ぎ目のないデザインは非常に美しく、耐久性などの実用性も兼ね備える。このように不要なものを削ぎ落としていくことの大切さは、ウェブデザインの世界においても共通する。

　ウェブの世界では、ページの枠に物理的な制限がないため、比較的足し算のデザインになりがちだ。次々と要素を付け加えていってしまう。しかし、足し算の欲求を抑えてうまく引き算してデザインすることが必要になる。ウェブデザインでいう引き算で、特に重要なのは余白である。

　余白とはデザインの各要素の間にある、テキストや画像などの要素に占有されていないスペースを指す。このスペースを効果的にデザインに利用することは、装飾や画像など要素を付け加えてインパクトを出していく足し算のデザインとは違ったアプローチだ。

　無駄な要素はできる限り削ぎ落とし、各要素に適切な空間を与えることで要素を引き立たせて、デザインを組み立てていく。一見、余白は無駄なものと思われがちである。しかし、テキストや画像などが隙間なく埋め尽くされたページを想像してみてほしい。各要素がひしめき合ったデザインでは、ユーザーはどこに注目してよいのかわからなくなってしまうのである。

　テキストや画像などの要素が何もないスペースの存在はデザイン上、大きな役割を果たしているのである。ウェブ上でユーザーは大量の文字情報にさらされている。文章量の多いコンテンツを掲載する際には、デザイナーは特に十分な余白をとるように注意している。

　余白が十分に取られていない長文はユーザーがすぐに読み疲れてしまい、内容を十分に理解できなくなってしまうという研究結果も発表されている。余白を十分にとることで、ユーザーがその文章を読むスピードは落ちてしまうのではあるが、理解度は余白を十分にとったデザインの方が向上するようだ。このように、デザイナーは、各要素がよりユーザーに魅力的で見やすくなるように余白を効果的に利用しているのである。

　また、余白は、よりエレガントで高級感のある印象をユーザーに与えることができる。そのため、ファッションブランドやジュエリーなどの高級品市場を眺めると、余白を利用した多くの美しいデザインを見つけることができるだろう。では、実際に余白をうまく利用してデザインされたウェブサイトを２つ紹介しよう。

・ティファニー

http://www.tiffany.com/

　日本でも人気のアメリカを代表するジュエリーブランド、ティファニーのウェブサイトはジュエリー自体の持つ美しさを前面に押し出しつつも、余白を利用しコンテンツとのバランスがうまく保たれている。

・ShaunInman.com
http://www.shauninman.com/

　テネシー州で活動するウェブデザイナーのShaunInman氏のブログは、 無駄な装飾は一切なく、余白をうまく活用したレイアウトになっている。

　アメリカのジャズ・ベーシストであり作曲家でもあるチャールズ・ミンガスは生前、作曲活動についてこう語ったという。

　「簡単なものを複雑にさせることは平凡なことである。しかし、複雑なものを簡単に、それも極端にシンプルなものにすること。それこそがクリエイティビティーである」。

　この言葉は、作曲の世界のみならず、ウェブデザインの世界にも通ずる。まさに不要なものを削ぎ落としていく引き算のデザインを表現するために語られた言葉のようである。

　しかしながら、複雑化された現代社会においては、デザインも多様化してきており、シンプルで美しいものは、既に数多くある。デザイナーはシンプルで美しいものにプラスアルファを感じさせる何かを常に探し求めていかなければいけない。余白はデザインにプラスアルファを与えるエッセンスである。わずか数センチ、時には、たった数ミリの余白でレイアウトのバランスを失ってしまうこともある。デザイナーはこの余白と戦いながら美しいデザインを目指しているのである。

[2008年11月5日]

● 記事一覧

• 「クラウド」、15年に２兆円市場に　総務省予測
• きざしカンパニー、ブログから関連語句検索できる専用サイト
• トリプレット、中国との国際ローミング開始　米社と提携
• ＥＭＣなど、企業内クラウドのシステム提供　機器販売８社と協業
• 米グーグル、「Ｇメール」に交流サイト機能　米メディア報道
• ＫＤＤＩ、クラウド向けファイルサーバー機能　仮想化で割安に　
• ＡＣＣＥＳＳ、欧州ネットＴＶの規格団体に参加
• 電子書籍の流通支配に出版社はいかに立ち向かうべきか
• サン共同創業者マクネリー氏の別れの手紙
• 「．日本」と「．ｊｐ」登録者一致を　ＪＰＲＳユーザー会が意見表明
• イーチャイナ、25分500円の中国語会話講座　料金と時間を半分に
• ＥＣナビがTwitterで採用活動　つぶやきで学生38人が集まった
• 「喜羊羊と灰太狼」大ヒットで中国アニメ産業は浮上するか
• グーグル、企業向けネットサービス強化　開発会社と協力
• サイバー特区で情報通信利活用の障壁に挑戦
• 米ヤフー、APと配信記事の掲載で契約締結--グーグルは交渉中[CNET Japan]
• ＩＭＪ、検索エンジン最適化事業を強化　ＭＳ「ビング」に対応
• 米控訴裁、グーグル「Street View」のプライバシー侵害訴訟を続行[CNET Japan]
• 日本旅行、高速バス22社の携帯予約サイト
• ツイッターで「特ダネ」予告　朝日新聞が試す速報競争とニュースの価値

>> 過去記事一覧