新粗野
Neo-Brutalism
初级通用新粗野(Neo-Brutalism)是一种强调直白结构和强烈对比的界面设计风格,常用粗边框、硬边阴影、大字和鲜明色块。它能让产品呈现更直接、更有辨识度的视觉性格,例如用于独立工具的介绍页。
你可能会说:「我想让这个网站看起来更大胆直接,像把卡片和按钮用粗线条拼出来一样。」
动手看看独立工具的介绍页
专注工具 · 免费使用
别想了,先做五分钟。
小步计时器把大任务拆成五分钟,开始比计划更重要。
开启五分钟
页面风格
切换页面风格,再拖动阴影偏移;也可以悬停、按住按钮,或用 Tab 键查看焦点。注意同一段内容的视觉性格怎么变。
粗黑边框、没有模糊的硬边阴影、大标题和鲜明色块,是新粗野最容易认出的组合。结构直接,像把内容郑重地贴在页面上。
要点新粗野的界面是怎么做出来的?
- 1
让结构直接出现在画面里
你会看到明确的区块边界:卡片有粗边框,按钮像一块可以按下去的色块。因为容器不刻意藏起来,用户扫一眼就能分辨哪些内容属于同一组、哪里可以操作。
- 2
用硬边阴影制造前后关系
常见做法是给卡片或按钮加偏移明显、边缘不模糊的阴影,让元素像贴在画面上的纸片。阴影主要用来强化层级和点击感,不是为了模拟真实材质。
- 3
让颜色和文字承担视觉重点
鲜明色块和醒目的标题能很快抓住注意力,但整页都用同样的力度,重点反而会消失。我们通常先确定最重要的信息和操作,再把高对比度留给它们;正文仍以好读为先。
容易混淆的地方
它和扁平化都不依赖逼真的材质,但扁平化通常弱化边框与阴影,新粗野反而把这些边界做得很显眼。它也不等于随意堆叠颜色和粗线条:如果用户找不到主操作,或文字难读,那只是视觉噪声,不是风格目标。
什么时候用
适合用
- 给独立开发的 AI 工具做介绍页,想让产品性格鲜明,并突出试用入口。
- 做活动报名页,需要用醒目的标题、卡片和按钮快速传达主题与行动。
- 为创意工具设计空状态和结果页,希望界面有趣,同时保留清楚的操作路径。
不适合用
- 做需要长时间查阅密集数据的财务后台时,先选克制的表格与清晰的视觉层级。
- 做面向广泛用户的医疗办事流程时,优先保证阅读和填写轻松,再选择更平稳的视觉风格。
- 只是想让现有页面的主按钮更明显时,先调整对比度和位置,不必重做整套风格。
练一练选一个答案,看看解释
你正在做一个 AI 写作工具的介绍页,团队想采用新粗野风格。下面哪种方案最贴合这个目标?
让 AI 帮你做复制给 AI Agent 直接用
请把这个 AI 写作工具的介绍页设计成新粗野风格:用清楚的粗边框划分内容、硬边阴影突出卡片和主按钮,以鲜明色块强调标题与试用入口。正文保持易读,其他操作降低视觉权重,并兼顾手机屏幕。