2021年3月10日 | Design

アクティブホワイトスペース

Setのアートディレクターのタルマです。

我々デザイナーという職業は、デザインを行う中でももっとも気を遣うべき対象として「文字」というものがあります。なぜなら、ほとんどのデザインが「情報を伝えるもの」であるからです。文章が読みやすいのか、読みづらいのか。この情報を強調するのか、目立たせないのか。何か特定の情報を覚えてもらいたいのか。美しいイメージを持たせたいのか、親しみやすいイメージを持たせたいのか。さまざまな目的を持って「文字」を扱います。

その目的を操作するために、「書体」を利用したり「レイアウト」を利用したり「色」を利用したり「余白」を利用したりします。

「書体」や「色」あたりは、どのようにすれば目立つとか、感覚的に誰でもわかりやすいところではありますが、「レイアウト」「余白」はなかなか難しい。

そのためにどんな工夫をしたりするのかを、基本っぽいところから、最近知った情報なんかも書いてみようかなと思います。

ゲシュタルト

余白とレイアウトだけで、情報ってどのようにわかりやすくなるのか。

基本的なことだとこのようなものがあります。

上の図はわかりやすいので名刺にしてみましたが、関連性のある情報をある程度グループ化して、目的の情報を見やすく、理解しやすくするそうさです。

さすがにこれはわかりやすいですが、もっと情報がたくさん入った冊子や、Webサイトのデザインをしていくときなんかは、レイアウトというものは基本的にこれの集合体です。いろんなグルーピングを行って、その場所にどんな情報があるのかをなんとなくわかるように作っていきます。

人間が目で見たときに、なんとなく塊として認識してしまうまとまりを「ゲシュタルト」と呼んだりします。

行間の余白

文章の間にどの程度の余白が設けられているかによって、その文章の読みやすさというのは大きく異なります。

行間というものは、狭すぎても読みにくいし、広すぎても読みにくい。その文字が日本語か、アルファベットか、でも大きく読みやすさは違う。けっこうデリケートなものです。

デザイナーではない方の資料なんかを見ていると、やっぱりこのような要因で読みにくくなっていることはとても多いです。というよりも、パワーポイントやワードって、そんなに細かく調整ができなくて汚くなりがちだったりもします。

字詰め

字詰めに至っては、それを知らない人からするとさっぱりわからないかもしれないところです。パソコンで打つ文字というのは、長い文章みたいなものはある程度きれいに組んでくれたりはするのですが、実は文字によってその間隔がバラバラだったりします。それはそもそも、文章を組むために作られたものだからです。文字を大きく表示した際なんかはさらにそれが目立って見えてきます。