在数字界面设计日益趋向平滑、圆角与微妙渐变的今天，设计同质化正成为一种视觉疲劳。为了打破这种 「精致的平庸」，在我的最新作品——高校名录数据可视化平台 （China-edu-atlas） 中，我选择采用了新粗野主义 （Neo-Brutalism） 这种直白、硬核的视觉风格来设计 UI。
定义：视觉结构的极致坦诚
新粗野主义是一种源于 20 世纪粗野主义建筑美学、并针对现代数字界面进行演化的视觉风格。它主张用加粗的黑色轮廓、不加修饰的硬边缘和高对比的色彩，去打破平庸的精致感，让界面呈现出一种充满原始生命力的秩序感。
新粗野主义设计风格透露着一种对现代 「包装美学」 的反叛。它继承了 20 世纪粗野主义建筑 「结构外露」 的核心精神。在我的设计中，这种精神被转化为高度显性化的视觉语言：我摒弃了所有模糊的阴影和柔光，转而使用极具张力的纯黑粗边框 （High-contrast Borders）以及 100% 不透明的硬边投影。
这种设计的本质是诚实。它不试图用装饰遮掩逻辑，而是大方地承认网页是由线条、色块和几何容器组成的。每一个按钮、每一个输入框都拥有明确的轮廓，仿佛在告诉用户：这就是交互的边界，这就是功能的所在。
表格：尽在掌控的秩序感
在 高校目录数据库这样一个信息密集型项目中，表格是视觉的核心，也是新粗野主义大放异彩的舞台。
在处理数以千计的高校数据时，表格设计往往容易走向两个极端：要么过于拥挤，要么过于寡淡。
我以新粗野主义为核心思路，使用了加粗的水平线来分割每一项记录，并采用纯黑色的表头作为视觉锚点。没有任何多余的修饰或柔和过渡，直接以粗重的黑色横线贯穿。这种 「横平竖直」 的 「重线条」 的设计强化了数据的权威感，并带给用户一种极强的秩序掌控感。
表格里的高校条目中，高对比度的标签像印章一样嵌入在网格中。让关键字段在大量文本中实现 「瞬时跳跃」，极大地提升了扫描式阅读的效率。
色彩与构成的实验
左侧采用大面积纯黑背景，与右侧的数据区形成强烈的视觉切割。这种处理不仅在美学上具有冲击力，在功能上更像是一个 「中控室」，将搜索、筛选的逻辑收纳其中。确保了核心功能在视觉层级上的绝对领先。
侧边栏的弹出层 （Drawer） 设计，则更进一步展示了新粗野主义的几何逻辑。它没有使用常见的毛玻璃特效，而是直接以清晰的垂直切面划开屏幕，将高校信息以垂直流的形式呈现。这种直来直去的交互方式，与数据库本身追求的 「精准、快速」 属性高度契合。
表格搜索框的 Focus 效果摒弃了主流 UI 沉溺的柔和光晕，采用不透明的红色硬边投影。这种不对称的红黑撞色，靠纯粹的几何错位，为搜索框的聚焦注入了强烈的秩序张力与生命力。
按所在地浏览高校功能中，用于选择省份的下拉菜单组件，也用硬朗的黑色粗边框直接界定空间，呈现出一种如同物理卡片层叠的结构感。
结语：跳脱平庸，重回原始
通过这次尝试，我发现新粗野主义并非单纯的怪诞，它是一次关于 「清晰度」 的实验。
当高校名录数据不再隐藏在层层滤镜之后，而是以一种 「原始、硬核、秩序井然」 的面貌示人时，设计便从单纯的视觉修饰进化为了对信息本身的致敬。这便是我在本次设计案例中，试图通过新粗野主义传递的视觉哲学：让结构说话，让秩序可见。
高校名录数据可视化平台项目在线访问地址：https://uni.utities.online
