粗野主义
Brutalism
用硬边框、强对比、直接排版和裸露结构制造有态度的反精致界面。
An attitude-driven anti-polished style using hard borders, strong contrast, direct typography, and exposed structure.
交互预览
可以直接对 Agent 说
请以「粗野主义 / Brutalism」为核心视觉方向重设计这个界面。 角色:你是一名懂品牌态度和前端实现的 UI 设计师,擅长把反精致视觉转化为可用界面。 设计理念:粗野主义不是乱做,而是把结构、边界和操作暴露出来,用直接、强烈、略带挑衅的视觉语言建立记忆点。 适用场景:创意作品集、活动页、实验性产品、独立品牌、开发者工具和需要强态度的发布页。不适合严肃金融、医疗和儿童产品。 视觉要求:使用硬边框、锐利对比、黑白底色、少量高冲突强调色、粗体标题和明显网格;允许大字号、错位、粗线和块状按钮。 可用性要求:虽然视觉强烈,但交互目标、层级和阅读顺序必须清楚;按钮和链接要一眼可识别。 交互要求:hover 可以用位移、反色、硬阴影和边框加粗;focus 状态必须高可见。避免柔和玻璃、模糊阴影、过度圆角和装饰噪点。 输出格式:先给品牌态度和信息优先级,再给网格、字体、颜色、边框、阴影、组件状态、响应式和反例。
相关可运行档案研究
该术语暂未建立精选案例映射,可从馆藏中继续搜索。