WDE ex -vol9 「タイポグラフィーの大切さ」 TYPE MATTERS

こんにちは、ウェブデザインで明朝体を使うのはかなり勇気がいるタイプのHitoyamです。

WDE ex -vol9 「タイポグラフィーの大切さ」- TYPE MATTERS - に行ってきました。タイポグラフィーで有名な「ilovetypography.com」のジョン・ボードリー氏の講演ということもあって、たくさんの人が楽しみにしていたみたいです。

1時間という短い時間だったので、面白い発見がいくつかありつつ、あっという間のセッションでした。

以下、メモなど。

タイポグラフィについて

紙媒体だけでなく、様々なところでタイポグラフィは使われている
標識や工業製品に使われている文字もタイポグラフィと呼べる
空港でのサインに使用されているタイポグラフィ
⇒タイポグラフィが次の場所へと導いてくれる
ブランドのロゴに使用されているタイポグラフィ
⇒感情に訴えてくるタイポグラフィ
⇒書体の選び方によってブランド感や感情を表現している

案内表示などに導かれながら移動する様を「タイポグラフィの旅」と表現していて、それがすごく素敵だなぁと思いました。標識や案内サインといえば反射的にピクトグラムを思い浮かべてしまうのに対し、文字なしでは成り立たない場面もあるってことに改めて気付かされた感じです。

文字の原点

紀元前の象形文字やくさび形文字のお話から、アルファベットが完成されてゆく過程と歴史をお勉強。

学生時代にある程度の書誌学を学んでいるので、紙の歴史はひと通りさらっているのですが、文字そのものの歴史はあまり勉強しなかったな。合わせて深めたら、すごく面白そう！

プレゼントとして本物の金属活字をいただきました。これはかなり嬉しいです。活版時代の書物を集めたくて仕方ない時期とかあったのを思い出しちゃいます。いいよなぁ、活版印刷！

文字の歴史を知る中で、「文字の歴史というのは合理化するプロセス」というのが一番印象的でした。それは伝えたい情報を伝えやすい形に整えていく作業。逆に考えれば、せっかく文字を使っていても伝えたい情報が伝わらなければ結局ナンセンスってことなんだな、と思い至るワケで...。

書体の話

何か「もの」を見たら感情が生まれるのは、書体についても同じこと。様々なシーンに応じた適切な書体を使うことで、適切な表現を得ることができるということでした。

同じ写真でも違う書体を使うとまったく違うものに見えることを示した例が面白かったので、自分でも似たようなものを作ってみました。写真のモデルは@Takazudo師匠です。

基本のセリフ、サンセリフに加えて、ポップな書体とかゴシック調な書体とかいろいろ。

えっ...と、ちょっと作りすぎましたね。
とりあえず、書体が変わると雰囲気も変わるってのはなんとなく伝わるような伝わらないような。とにかく例えベタなようでも、素材に適した書体を使うのは大事ってことで。

良いタイポグラフィの4つのルール：CSHW

最後のまとめとして、良いタイポグラフィのルールが4つ示されました。

CONTRAST　（コントラスト）
SIZE　（サイズ）
HIERARCHY　（階層）
WHITE SPACE　（ホワイトスペース）

文字の歴史のところで思った「伝わらなければナンセンス」というのも、これに集約されている感じがします。文字が読めないほど小さいだけでカッコいい気分になるとか、色を見えないほど薄くしただけでオシャレな気分になるとか、そんなの自己満足で、ちっとも良いタイポグラフィではないってこと。ごく当たり前の話といえばごく当たり前の話なのですが、デザイン初心者が陥りやすい罠ではあると思う...。

また、良いタイポグラフィの例として、以下のサイトが挙げられていました。タイポグラフィ好きな方にとっては、どれも馴染み深いサイトかもしれません。

それにしても、ウェブ上の和文フォントは難しいですよね...。WOFFなども少しずつ普及していくと期待はしてますが、フォントが使えることとフォントを使ってデザインできることは別物ですし。今後ウェブのタイポグラフィの環境は大きく変化していくと思うので、動向を追っていきたいです。