Web Brutalism

ウェブ・ブルータリズム / 2014– / スタイル / UI表現

ブラウザの既定表示をそのまま画面に出し、整えられたテンプレートの見た目を拒む。HTMLの素の構造が、そのまま様式になる。

ブラウザ既定の見出しとリンク / 下線つきの青いリンク / 極端な文字サイズの落差 / 装飾のない罫と余白

画像は出典ページで確認

辞書情報

向いている用途: ギャラリーやレーベルの告知で、体裁より情報の速さを選ぶとき。テンプレートで作られた同業の画面と、意図的に距離を取りたいとき
文字: 既定書体のまま、見出しだけを画面幅いっぱいまで上げる
構成: 段組をやめて縦一列に積み、罫と余白だけで区切る
素材: 地は白か単色、画像は圧縮したまま等倍で置く
注意: 既定表示を装って余白と行長だけ整えると、素っ気なさが演出に見え、読者は乱雑さの理由を探して読むのをやめる。
関連研究: Brutalist Websites / 既定スタイルシートの復権 / テンプレート化への反動

関連項目

取り違えられやすい

ブルータリズム建築（Brutalist Architecture）違いを見る

この項目を引用する

辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。

Link: https://indexstyle.org/ja/styles/web-brutalism
Markdown: [ウェブ・ブルータリズム（Web Brutalism） — デザインスタイル辞典](https://indexstyle.org/ja/styles/web-brutalism)
HTML: <a href="https://indexstyle.org/ja/styles/web-brutalism">ウェブ・ブルータリズム（Web Brutalism） — デザインスタイル辞典</a>

一覧内の位置へ戻る