憧れのブルータリスト・ウェブ・デザイン

2021年10月29日 17:15

ブルータリスト・ウェブ・デザインをご存知でしょうか。
個人的にとても好きなデザインなので、紹介したいと思います。

☝︎Gucci gift 2017 (現在は閲覧できません）

☝︎ユトレヒト（渋谷にある本屋）

例えばこの３つのサイトは、
ブルータリスト・ウェブ・デザインを取り入れているといえます。

普段目にするようなユーザーフレンドリーで親しみやすいサイトに比べて、
どちらかというとそっけなかったり、尖っている印象がありますね。

ブルータリスト・ウェブ・デザインって何

「ブルータリスト」は
建築様式のひとつ、ブルータリズム(Brutalism)が由来です。

（セルビアにある集合住宅、photo by unsplash）

ブルータリズムの建築は、1950年代から1980年代の間に流行した建築様式で
コンクリート打ちっぱなしの彫塑的な外観が特徴です。
冷酷で獣のように荒々しい（＝ブルータルな）手法と説明されます。
（獣？というには個人的にはちょっと疑問を感じますが、
「brutal」は「raw（生身）」を由来にしている言葉ということで、
素材をそのまま切り出して使う、粗野、というイメージに近いのかなと思いました）

このブルータリズム建築を基に、
「ウェブサイトの本来の機能」に焦点を当てて考え出された手法が
ブルータリスト・ウェブ・デザインです。
なんとなく懐かしい雰囲気（90年代）のサイトのような雰囲気を感じさせるのも、ブルータリスト・ウェブ・デザインがウェブデザインの原点回帰を
目指している部分があるからだと思われます。

ブルータリスト・ウェブ・デザインのガイドライン

ブルータリスト・ウェブ・デザインにはガイドラインが存在します。
https://brutalist-web.design/
（なかなかにブルータルなサイトですね）

内容を一部紹介すると

・背景は白または黒で明瞭に、テキストリンクには下線を引いて、
　クリックできる箇所とできない箇所は区別する

・スクロールで継ぎ目がなくユーザーが情報を手に入れられるようにする、
　エンゲージメント率を上げるためにページを分けるのはよろしくない

など、機能的な項目が多いです。

ブルータリスト・ウェブ・デザインのギャラリーサイト

ワシントンポストの記事によると、
クリエイティブディレクターのPascal Deville氏が
ブルータリズムなサイトを集めたギャラリーサイト
https://brutalistwebsites.com/
を開設してから、
ブルータリスト・ウェブ・デザインが広まっていったと言われています。

ハイセンスでアバンギャルドなサイトだらけなギャラリーサイトで、
見ているだけで時間が過ぎていきます…