Webサイトの文字は、読めることが基本です。
適切なフォントサイズを選び、行間を取り、文章を追いやすくする。Webデザインでは、ごく当たり前の考え方です。
ところがブルータリズムWebサイトを見ていると、その前提から平然とはみ出してくる文字に出会います。
画面を埋め尽くすほど巨大な文字。
反対に、読ませる気があるのか疑いたくなるほど小さな文字。
隙間なく詰め込まれた文章や、何度も繰り返される単語。
なぜブルータリズムでは、文字をここまで極端に扱うのでしょうか。
今回は、Web Brutalismにおけるタイポグラフィについて考えます。
ブルータリズムでは、文字もデザインの素材になる
Webサイトにおける文字には、情報を伝える役割があります。
しかしブルータリズムでは、それだけでは説明できない使われ方が見られます。
「読む」より先に「見る」文字
巨大な文字が画面いっぱいに置かれていたら、文章として読むより先に、その大きさが目に入ります。
小さな文字が大量に並んでいれば、内容を読むより先に「密集している」という印象を受けます。
文字の意味よりも、大きさ、形、密度、配置そのものが視覚表現として働いているのです。
文字でありながら、画像や図形に近い役割を持ち始めます。
もちろん、これはブルータリズムだけに存在するタイポグラフィの使い方ではありません。
それでも、Web Brutalismでは文字を情報伝達だけに閉じ込めず、画面を構成する素材として強く扱う例を見ることができます。
巨大文字だけではない、極端なタイポグラフィ
ブルータリズムというと、巨大な太字の文字を思い浮かべることがあります。
確かにそれもよく見られる表現のひとつです。
しかし、実際のブルータリズムWebサイトを見ていると、文字の扱いはもっと幅があります。
大きすぎる文字と、小さすぎる文字
画面からはみ出すほど巨大な文字。
反対に、注意して近づかなければ読みたくならないほど小さな文字。
どちらも方向は正反対ですが、共通しているのは一般的な読みやすさから大きく外れていることです。
「見出しだからこのサイズ」「本文だからこのサイズ」という通常の階層から離れ、文字のサイズそのものが表現になります。
詰める、重ねる、繰り返す
極端なのはサイズだけではありません。
文字同士の間隔を狭くする。
大量の文章を画面に詰め込む。
同じ言葉を何度も並べる。
画像や別の文字と重ねる。
通常なら可読性を下げるとして避けられそうな処理が、そのまま視覚表現として使われることがあります。
読もうとすると大変なのに、画面として見ると妙に成立している。
文章だったものが、途中から模様のように見えてくる。
ここがブルータリズムのタイポグラフィを見ていて面白いところです。
逆に、何もしない文字もある
すべてのブルータリズムが文字を暴れさせるわけでもありません。
システムフォントやモノスペース系の書体を使い、黒い文字をただ並べたようなサイトもあります。
豪華なフォントで雰囲気を作るのではなく、Webページに最初から存在していたかのように文字を置く。
前回調べた「raw」という感覚は、こうしたタイポグラフィにも現れます。
つまりWeb Brutalismの文字は、極端に加工される場合もあれば、極端に加工されない場合もあるのです。
なぜ、あえて文字を読みにくくするのか
ここで疑問が出てきます。
Webサイトなのに、なぜわざわざ読みにくくするのでしょうか。
その理由を、単純に「ブルータリズムだから」で片付けることはできません。
すべての文字を読ませる必要はない
Webサイトに置かれた文字が、すべて同じ重要度を持っているわけではありません。
タイトル。
説明。
ナビゲーション。
装飾として繰り返される単語。
それぞれ役割が違います。
その中には、文章として完全に読ませることより、画面の印象やリズムを作る役割を優先した文字があってもいい。
そう考えると、極端なタイポグラフィも理解しやすくなります。
「文字だから、すべて読ませなければならない」という前提から一度離れているのです。
意味を弱めることで、形が強くなる
文字は意味を持っています。
だから私たちは、文字を見ると反射的に読もうとします。
しかし、巨大化したり、小さくなったり、何度も反復されたりすると、その意味は少しずつ後ろへ下がります。
代わりに前へ出てくるのが、文字そのものの形です。
私はブルータリズムWebサイトを見ていて、ときどき「もう読む気がしない」と感じます。
でも、それが必ずしも嫌ではありません。
読むことを諦めた瞬間、文字をグラフィックとして楽しめることがあるからです。
読ませない文字と、ただ読めない文字は違う
ただし、文字を読みにくくすれば面白くなるわけではありません。
ここは分けて考えたいところです。
「読む気しない、最高」と「読む気しない、帰ろう」
同じように読みにくい文字でも、私はまったく違う反応をすることがあります。
「読む気しない、最高」と思うサイト。
「読む気しない、帰ろう」と思うサイト。
違いは、単純なフォントサイズだけではありません。
その文字を読む必要があるのか。
読めなくてもサイトの世界や内容を理解できるのか。
必要な情報へは別の方法でたどり着けるのか。
そして、その読みにくさが画面全体の表現として成立しているのか。
こうした周囲との関係まで含めて、印象が変わります。
本当に必要な情報まで消してはいけない
私は、Webサイトの文字を全部読ませる必要はないと思っています。
でも、サイトの本質まで伝わらなくなったら話は別です。
作品の世界を見せるための文字と、操作方法を伝える文字では役割が違います。
前者なら、意味を弱めてグラフィックとして扱うこともできます。
しかし、必要な情報まで同じように潰してしまえば、閲覧者は「読まない」のではなく「読めない」状態になります。
ブルータリズムだから何をしてもいい、ということではありません。
文字を壊すことより、どの文字なら壊しても成立するのかを見るほうが、ブルータリズムのタイポグラフィを理解するうえでは面白いのかもしれません。
【まとめ】文字は、読むためだけに存在しなくてもいい
ブルータリズムWebサイトのタイポグラフィは、巨大文字だけではありません。
極端に小さくする。
大量に詰め込む。
繰り返す。
重ねる。
反対に、システムフォントをほとんど飾らず置く。
さまざまな表現があります。
共通して見えてくるのは、文字を情報伝達だけの道具として扱わないことがあるという点です。
文章だったものが図形になり、意味だったものがリズムになる。
その瞬間、Webサイトの文字は「読むもの」から「見るもの」へ少しだけ変わります。
ただし、読みにくければブルータリズムになるわけではありません。
必要な情報まで失えば、単純に使いにくいサイトになることもあります。
だから私は、ブルータリズムの文字を見るとき、
「読めるか、読めないか」だけではなく、「この文字は何をするためにここにあるのか」
を見ていきたいと思います。
文字は読むためにある。
その当たり前を一度疑ってみると、Web Brutalismのタイポグラフィはかなり面白く見えてきます。