巨大な文字、強烈な色、むき出しのレイアウト。
Webサイトを見ていて、「なんだこれは」と思うようなデザインに出会ったことはないでしょうか。
整ったグリッドや美しい余白とは少し違う、荒々しく、ときには不親切にすら見えるデザイン。そのひとつが**ブルータリズム（Brutalism）**です。
しかし、ブルータリズムは単に「派手なサイト」や「見づらいサイト」を意味するものではありません。
そこには既存のWebデザインとは異なる考え方があり、独特の世界観があります。
この記事では、ブルータリズムとは何なのか、そのルーツからWebデザインに見られる特徴、そしてなぜ人を惹きつけるのかまで見ていきます。
ブルータリズムとは？
ブルータリズムという言葉は、もともとWebデザインから生まれたものではありません。
ルーツを辿ると、20世紀中頃に広がった建築の潮流へ行き着きます。
ルーツは建築のブルータリズム
建築におけるブルータリズムでは、コンクリートなどの素材を覆い隠すのではなく、そのまま見せるような表現が多く見られます。
名前の由来としてよく挙げられるのが、フランス語の**「béton brut（生のコンクリート）」**です。
素材を綺麗に装飾して隠すのではなく、構造や素材そのものを表に出す。
この「むき出し」の感覚は、Webデザインにおけるブルータリズムを考えるときにも重要です。
Webデザインにおけるブルータリズム
Webの世界では、洗練されたUIや均一化されたレイアウトとは異なる方向を選んだデザインに対して、ブルータリズムという言葉が使われています。
たとえば、次のような表現です。
- 極端に大きなタイポグラフィ
- 強烈な色の組み合わせ
- グリッドから外れたレイアウト
- HTMLの構造を思わせるようなむき出しの表現
- 装飾を抑えた無骨なデザイン
- 意図的な違和感や荒々しさ
ただし、これらの特徴がひとつあればブルータリズム、という明確なルールがあるわけではありません。
既存の「整ったWebデザイン」から意識的に距離を取り、Webそのものの生々しさを表現することが、ブルータリズムを考えるひとつの手がかりになります。
ブルータリズムWebデザインに見られる特徴
ブルータリズムの表現方法はサイトによって大きく異なります。
モノクロで無骨なサイトもあれば、強烈な色を大量に使ったサイトもあります。そのため、特定の配色やレイアウトだけで定義するのは難しいデザインです。
文字・色・レイアウトが強い
ブルータリズムでは、一般的なWebサイトなら抑えるような要素を、あえて強く見せることがあります。
| 要素 | よく見られる表現 |
|---|---|
| 文字 | 巨大なフォント、極端なサイズ差 |
| 色 | 原色、蛍光色、強いコントラスト |
| レイアウト | 非対称、重なり、グリッドからの逸脱 |
| UI | シンプルまたは意図的に無骨 |
| 装飾 | 洗練よりも生々しさを優先 |
特にタイポグラフィは、情報を伝えるだけの存在ではありません。
文字そのものがグラフィックとして画面を支配することもあります。
色についても同様です。
一般的な配色理論から見れば強すぎる組み合わせでも、その「色の暴力」と呼びたくなるほどの強さが、サイト独自の世界観を作ることがあります。
「綺麗に整える」が目的ではない
一般的なWebデザインでは、読みやすさや分かりやすさ、操作のしやすさが重視されます。
もちろんブルータリズムでも目的によってユーザビリティは必要ですが、すべてを綺麗に整えることが最優先とは限りません。
ズレている。大きすぎる。色が強すぎる。
そんな違和感を消すのではなく、あえて残すことで表現に変えてしまいます。
そのため、完成度の高いブルータリズムには「適当に崩した」のとは違う、独特の緊張感があります。
なぜブルータリズムは人を惹きつけるのか
ブルータリズムは、万人に好まれるデザインではありません。
むしろ「見づらい」「怖い」「使いにくい」と感じる人もいるでしょう。それでもブルータリズムには、一般的なWebサイトでは得にくい魅力があります。
サイトそのものが世界観になる
優れたブルータリズムサイトには、Webページを閲覧しているというより、ひとつの作品や空間に入り込んでいるような感覚があります。
色も文字もレイアウトも、その世界を構成するための要素です。
情報を効率よく受け取ることだけが目的ではなく、「見る」という行為そのものが体験になります。
そのため、実験的な表現や強烈な個性とブルータリズムは非常に相性がいいのです。
誰にも媚びないデザインの強さ
ブルータリズムの魅力として、もうひとつ感じるのが作り手の存在の強さです。
万人に好かれるように整えるのではなく、「これがいいと思うから、こうする」という意思が画面から伝わってくるサイトがあります。
しかし、奇抜なら何でもいいわけではありません。
情報を大量に詰め込んだだけだったり、見る人を驚かせることだけが目的になったりすると、表面的なブルータリズムに見えることもあります。
自由であることと、無秩序であることは違います。
強烈な表現の奥に一貫した世界観があるかどうか。それが、魅力的なブルータリズムを考えるうえで重要なポイントだと思います。
【まとめ】ブルータリズムはWebの常識からはみ出す表現
ブルータリズムは、巨大な文字や強烈な配色だけで説明できるデザインではありません。
建築に見られる「素材や構造をむき出しにする」という考え方ともつながりながら、Webでは既存のデザインルールから意図的にはみ出すような表現として発展してきました。
整っていない。少し怖い。毒々しい。ときには見づらい。
それでも、すべてがひとつの世界として成立したとき、他のWebサイトにはない強烈な魅力が生まれます。
私はそんなブルータリズムが好きで、見るだけではなく、自分でも作り、集め、研究しています。
この「ブルータリズム図書館」では、これから実際のWebサイトやタイポグラフィ、色、レイアウトなど、さまざまな角度からブルータリズムを研究していきます。