VISUAL LANGUAGE / DESIGN GUIDE

原始粗野风

Brutalism

用直白的结构、强边界和近乎原始的排版表达内容,保留网页材料本身的存在感。粗野可以是视觉选择,阅读和操作仍应有确定的秩序。

原始粗野风设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

用直白的结构、强边界和近乎原始的排版表达内容,保留网页材料本身的存在感。粗野可以是视觉选择,阅读和操作仍应有确定的秩序。

适用场景

实验作品集、独立出版、需要鲜明观点的文化项目。

不适用与取舍

复杂企业后台、需要温和情绪的支持流程,以及依赖熟悉组件降低学习成本的服务。

实现方法

保留语义标题、明确链接和直角区块;用有限字号建立层级,布局先确定阅读顺序,再加入不对称。浏览器原生控件可作为风格的一部分。

具体界面示例

独立刊物把目录做成粗线分隔的文章列表,日期与标题有固定列,鼠标和键盘都能打开文章。

常见误区

故意溢出、乱序和隐藏导航不等于粗野;反常规外观不能破坏缩放、焦点和返回路径。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。