ネオブルータリズムという名前を見たとき、私はブルータリズムにかなり近いものだと思っていました。
「Neo」が付いているのだから、ブルータリズムを現代風にしたものなのかな、と。
でも、実際にネオブルータリズムについて調べ、いくつものWebサイトを見てみると、最初に出てきた感想はかなり単純でした。
全然違う。
もちろん、まったく無関係なデザインという意味ではありません。
ただ、画面から受ける印象が違います。
ブルータリズムは、無骨。
ネオブルータリズムは、大胆。そして、とにかくポップ。
今回は両者の特徴を比べながら、同じ「Brutalism」という名前を持つWebデザインが、なぜこれほど違って見えるのかを考えます。
無骨なブルータリズムと、ポップなネオブルータリズム
両者を見比べて、まず大きく違って感じたのが全体の空気でした。
ブルータリズムにも鮮やかな色を使ったサイトはありますし、ネオブルータリズムにも比較的落ち着いたものはあります。
それでも、いくつもの実例を見ていくと、受ける印象にはかなり違いがあります。
ブルータリズムは「剥き出し」
ブルータリズムでは、装飾を削った文字、単純なリンク、露出したような構造、不規則な配置などが見られます。
きれいに仕上げてから見せるというより、構造や素材をそのまま出しているような無骨さがあります。
巨大な文字もあれば、極端に小さな文字もある。
無彩色のサイトもあれば、強烈な色を使うサイトもある。
表現の幅はかなり広く、必ずしも特定の配色やUIパーツだけで説明できません。
ネオブルータリズムは「強調する」
一方、ネオブルータリズムを見ていて何度も出会ったのが、鮮やかな色、太い境界線、大きな文字、四角いUI、そしてハードシャドウでした。
要素を剥き出しにするというより、「ここにあります」と強く見せる印象があります。
黄色なら黄色。
黒線なら黒線。
ボタンならボタン。
曖昧に馴染ませず、それぞれの存在を大胆に強調する。
ブルータリズムが「剥き出しだから強い」とすれば、ネオブルータリズムは**「強調するから強い」**のかもしれません。
平面的なブルータリズム、立体的なネオブルータリズム
見た目の違いとして、もうひとつ気になったのが奥行きです。
もちろんすべてのサイトに当てはまるわけではありませんが、両者を見比べると、この違いはかなり印象を左右しています。
ブルータリズムは平面そのものを使う
ブルータリズムでは、文字や画像、線などが、そのまま画面上に置かれているような表現があります。
影を使って「ここは浮いています」と説明しなくても成立する。
HTMLやブラウザの構造が、そのまま表面に出ているように見えることもあります。
そのため、画面という平面そのものを使っている感覚があります。
きれいなカードに収めなくてもいい。
ボタンらしいボタンにしなくてもいい。
その素っ気なさも、無骨さにつながっています。
ネオブルータリズムは影までデザインする
ネオブルータリズムでは、太い枠線とともにハードシャドウがよく使われます。
ぼかした自然な影ではなく、黒い形を数ピクセルずらしたような、かなり人工的な影です。
これによって、カードやボタンが画面から飛び出しているように見えます。
しかもリアルな立体感ではありません。
ステッカーや紙、積み木のようなグラフィカルな立体感です。
この奥行きが、ネオブルータリズム特有のポップさをさらに強くしているように感じます。
色・線・文字にも違いが見える
ブルータリズムとネオブルータリズムには共通して、大胆な表現が見られます。
しかし、その大胆さを作る方法は同じではありません。
ネオブルータリズムは視覚言語が分かりやすい
ネオブルータリズムを見ていると、いくつかの特徴がかなり繰り返し登場します。
鮮やかなベタ塗り。
太い境界線。
四角く囲まれた要素。
ハードシャドウ。
太く大きな文字。
もちろん全部を使わなければならないわけではありませんが、複数のサイトを見ていても、共通する視覚言語を見つけやすいスタイルでした。
ブルータリズムはもっと掴みにくい
対してブルータリズムは、もう少し掴みにくい。
白黒でほとんど装飾がないサイトもあれば、画面いっぱいに色を使うサイトもあります。
巨大な文字をぶつけてくることもあれば、小さすぎて読むことを諦めたくなる文字もあります。
整列していることもあれば、意図的に崩れていることもある。
だから私は、ブルータリズムを**「この見た目ならブルータリズム」だけで捉えるのは難しい**と感じています。
同じ大胆さでも、ネオブルータリズムのほうが視覚的な共通点を見つけやすいのです。
一番違うのは、閲覧者との距離かもしれない
ここからは定義ではなく、私自身が両者を見続けて感じたことです。
見た目以上に違って感じたのが、Webサイトと閲覧者との距離でした。
ブルータリズムは「好かれなくてもいい」
私が惹かれてきたブルータリズムWebサイトには、愛想のないものがたくさんあります。
説明しすぎない。
誘導しすぎない。
かわいく見せようともしない。
場合によっては、見る側が少し頑張らなければならない。
そこから感じるのは、
「ここにあります。見たかったらどうぞ。」
という距離感です。
嫌われるために作っているわけではありません。
ただ、全員に好かれようともしていない。
この「好かれなくてもいい」という態度が、私にはブルータリズムの無骨さとよく似合って見えます。
ネオブルータリズムは「好かれたい」
一方、ネオブルータリズムからはかなり違う印象を受けました。
色は明るい。
ボタンは分かりやすい。
パーツは大きい。
画面にはリズムがあり、触ってみたくなる。
強烈なデザインなのに、閲覧者を遠ざけるというより、むしろこちらへ呼んでいるように見えます。
「見て。触って。これ楽しいでしょ。」
そんな距離感です。
もちろん、ネオブルータリズムを作る人が実際に「好かれたい」と考えている、という意味ではありません。
これはあくまで、私が多くの実例を見たときに受けた印象です。
でも、両者がこれほど違って見える理由は、色や影だけではなく、閲覧者へ向いている方向そのものが違って感じられるからなのかもしれません。
【まとめ】同じBrutalismでも、強さの方向が違う
ブルータリズムとネオブルータリズム。
名前だけを見れば、とても近いデザインスタイルに思えます。
実際、既存のWebデザインの慣習から外れた大胆な表現など、重なる部分もあります。
しかし、実例を見ていくと、その印象はかなり違いました。
ブルータリズムは、無骨で、剥き出しで、平面的。
ネオブルータリズムは、大胆で、鮮やかで、立体的。そしてポップ。
そして私にとって一番大きかったのは、閲覧者との距離でした。
「ここにあります。見たかったらどうぞ。」
と、
「見て。触って。楽しいでしょ。」
どちらも強い。
でも、その強さが向いている方向は同じではありません。
ネオブルータリズムを調べたことで、私はむしろ、これまでブルータリズムに感じていた**「無骨さ」**を以前よりはっきり認識できるようになりました。
似た名前だから似たものだと思わず、実際に見てみる。
その違いを知ることも、ブルータリズムを理解するためのひとつの方法なのだと思います。