ニューブルータリズム

Neubrutalism / 2010s– / スタイル / UI表現

太い枠と露骨な色で、洗練しすぎたWebへ親しみある反抗をする。

Neubrutalism — AI生成の解釈イメージ 1 — AI生成の解釈イメージ（参考作品ではありません）

Neubrutalism — AI生成の解釈イメージ 2 — AI生成の解釈イメージ（参考作品ではありません）

Neubrutalism — AI生成の解釈イメージ 3 — AI生成の解釈イメージ（参考作品ではありません）

ひと目で判断

見た目の特徴

太い黒枠
硬い影
鮮色
平坦な部品

向いている用途

プロダクトを率直で記憶に残るものにする
コミュニティやクリエイターツールに人間味を出す

このスタイルを使う

短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。

design.md 画像プロンプト JSON API MCP・機械向け入口掛け合わせ

ChatGPTで開く Claudeで開く Google AIで開く

詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式

辞書情報

文字: 太いサンセリフ、等幅体
構成: 箱を明確に分け、影を一定方向へ
素材: 生成り＋鮮色、黒枠、角丸は少なめ
注意: 枠と影をすべてに付けない。階層に応じて強度を変える。
関連研究: Gumroad / contemporary independent web

関連項目

メンフィス（Memphis）共通する印象：遊び。ニューブルータリズムとメンフィスの違いを見る
ミニマリズム（Minimalism）共通する印象：信頼。ニューブルータリズムとミニマリズムの違いを見る

取り違えられやすい

ウェブ・ブルータリズム（Web Brutalism）違いを見る

UI表現をさらに見る

同じ「UI表現」から、共通する印象が多い順に次の項目を選んだ。

フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism）共通する印象：信頼 / 遊び。
カードUI（Card UI）共通する印象：信頼 / 遊び。
スキューモーフィズム（Skeuomorphism）共通する印象：信頼。

UI表現の全項目を見る

この項目を引用する

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

Link: https://indexstyle.org/ja/styles/neubrutalism
Markdown: [ニューブルータリズム（Neubrutalism） — デザインスタイル辞典](https://indexstyle.org/ja/styles/neubrutalism)
HTML: <a href="https://indexstyle.org/ja/styles/neubrutalism">ニューブルータリズム（Neubrutalism） — デザインスタイル辞典</a>

一覧内の位置へ戻る