ウェブ・ブルータリズム

Web brutalism

大きな文字、むき出しに見えるリンク、飾りを抑えたページ。ウェブ・ブルータリズムには、こうした画面を指す使い方があります。ただし、意味は制作者や紹介者によって違います。

実作品の画像は、まだ掲載していません。下の出典リンクから作品を確かめられます。参照図や説明図は、実作品の画像とは別に数えます。

表現が確かめられる作例・参考教材

歴史上の定評ある代表作と断定する選定ではありません。制作側の説明や教材から、表現が確かめられる例を区別して掲載しています。

参考資料（ウェブサイトを選ぶ編集企画）

一つの定義ではなく、選者が集めた多様なサイトを見る資料です。

作品・資料の記録を読む

原題：Brutalist Websites

ブルータリスト・ウェブサイツ編集部 / 継続更新 / ウェブ作品の選集

日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。

画像の転載条件は未確認。出典の公開は転載許諾ではありません。

参考教材（執筆者による制作指針）

文字を読めること、リンクやボタンが分かることを重視する立場です。

作品・資料の記録を読む

原題：Guidelines for Brutalist Web Design

デイヴィッド・ブライアント・コープランド / 2025年6月1日更新の記録 / 指針と実装されたウェブページ

日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。

画像の転載条件は未確認。出典の公開は転載許諾ではありません。

もう少し知る：背景と、つながり

作品を集めるブルータリスト・ウェブサイツと、読みやすさや基本操作を重視するデイヴィッド・ブライアント・コープランドの指針を分けて読みます。派手な見た目だけを共通ルールにはできません。

白黒だけとは限りません。色の少なさが必須でもありません。

文字の大きさ、下線、見出しの順序を確かめます。

装飾が少ないことと、操作が乱暴なことは別です。

リンク、スクロール、戻る操作が自然に使えるか見ます。

コンクリート建築のブルータリズムから言葉を借りていますが、同じ材料や組織を持つ歴史運動ではありません。ネオ・ブルータリズムの太い枠や影とも区別します。

読めない文字や壊れた操作を、表現の名前だけで正当化しないようにしましょう。

選集と制作者の指針の二例です。掲載サイトすべてが同じ主張に賛成しているとは考えません。

作品・制作の例2件を紹介しています。実作品画像0点、参照・関連画像0点。画像の収集は継続中です。