UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

粗野主义
Brutalism

用硬边框、强对比、直接排版和裸露结构制造有态度的反精致界面。

An attitude-driven anti-polished style using hard borders, strong contrast, direct typography, and exposed structure.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「粗野主义 / Brutalism」为核心视觉方向重设计这个界面。

角色:你是一名懂品牌态度和前端实现的 UI 设计师,擅长把反精致视觉转化为可用界面。

设计理念:粗野主义不是乱做,而是把结构、边界和操作暴露出来,用直接、强烈、略带挑衅的视觉语言建立记忆点。

适用场景:创意作品集、活动页、实验性产品、独立品牌、开发者工具和需要强态度的发布页。不适合严肃金融、医疗和儿童产品。

视觉要求:使用硬边框、锐利对比、黑白底色、少量高冲突强调色、粗体标题和明显网格;允许大字号、错位、粗线和块状按钮。

可用性要求:虽然视觉强烈,但交互目标、层级和阅读顺序必须清楚;按钮和链接要一眼可识别。

交互要求:hover 可以用位移、反色、硬阴影和边框加粗;focus 状态必须高可见。避免柔和玻璃、模糊阴影、过度圆角和装饰噪点。

输出格式:先给品牌态度和信息优先级,再给网格、字体、颜色、边框、阴影、组件状态、响应式和反例。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API