ホワイトスペースの効果的な使い方 5 つの例 | アドビ UX 道場
アドビ株式会社が、「ホワイトスペースの効果的な使い方 5 つの例 | アドビ UX 道場」を公開しています。
どんなデザインも、何も置かれていないキャンバスから始まります。Web サイトやモバイルアプリのデザインであれば、空白のアートボードを新規作成し、そこにテキスト、写真、ボタン、メニューなどの要素を追加するでしょう。その際、画面をコンテンツで埋め尽くしたいと考えるかもしれません。しかしその結果はおそらく、雑然として魅力がないユーザーインターフェースです。
優れたデザインには明瞭さが欠かせません。ユーザーインターフェイスはすべてのユーザーが効果的に操作できるよう、明確に視認できるものであるべきです。これは、ページ内のすべての要素に十分なホワイトスペースを与えることで実現できます。
この記事は、まずホワイトスペースのコンセプトを説明し、次にホワイトスペースの 5 つの実践的な使用例を紹介されています。
主な内容は以下の通りです。
・ホワイトスペースとは何か？
・ホワイトスペースの 5 つの使用例
1. テキストを読みやすくする
2. 要素同士の結合を表現する
3. 特定のオブジェクトにユーザーの注意を向ける
4. ページに視覚的な階層を作成する
5. 雰囲気を伝える
・ホワイトスペースは無駄なスペースではない
