Web Brutalism vs Neobrutalism网页粗野主义 对比 新粗野主义

How to tell them apart: the deciding signals, and the exact changes that would turn one into the other. 怎么分清这两个:判别信号,以及一个变成另一个需要的具体改动。

预览加载中…Loading preview…

Web Brutalism网页粗野主义

预览加载中…Loading preview…

Neobrutalism新粗野主义

This is Web Brutalism because…这是 Web Brutalism,因为……

This is Web Brutalism because the page is genuinely built from browser defaults — system type, blue links, bare structure, no decorative rendering at all.

这是网页粗野主义,因为页面确实是用浏览器默认值搭出来的——系统字体、蓝色链接、裸露的结构,完全没有装饰性渲染。

It would become Neobrutalism if…如果……就变成 Neobrutalism 了

It would become Neobrutalism if the rawness were styled: saturated color blocks, thick uniform black borders, hard offset shadows, and chunky display type — a designed graphic language, not defaults.

如果这份「生」是被设计出来的——饱和色块、统一的粗黑边框、生硬偏移阴影、粗壮展示字体,一套设计出来的图形语言而不是默认值——它就变成新粗野主义了。

This is Neobrutalism because…这是 Neobrutalism,因为……

This is Neobrutalism because the rawness is a designed costume: uniform thick borders, hard offset shadows, and saturated blocks are deliberate graphic choices.

这是新粗野主义,因为这份「生」是设计出来的戏服:统一的粗边框、生硬偏移阴影和饱和色块都是刻意的图形选择。

It would become Web Brutalism if…如果……就变成 Web Brutalism 了

It would become Web Brutalism if the styling were removed rather than exaggerated — browser-default type, plain blue links, bare structure, and no decorative rendering at all.

如果把样式拿掉而不是加码——浏览器默认字体、朴素的蓝链接、裸露的结构、毫无装饰性渲染——它就变成网页粗野主义了。

我的参考集

组合页面参考、知名网站、UI 元素和视觉风格,导出给 AI。

你的下一份设计,从这里开始。

在任意标本旁点击「加入参考」,就能把页面、品牌、组件和风格组合成一份 AI 设计说明。

浏览页面参考

搜索参考库Search the library

输入关键词,搜索所有参考。