一、什么是网页设计的粗野主义 ？

首先，我们需要追溯到其源头——建筑领域的粗野主义。

“Brutalism”（粗野主义）一词源自法语术语 béton brut，意为使用未加修饰的钢筋混凝土，将建筑的结构和材料直接、赤裸地暴露出来，形式庞大、厚重、几何感强，不追求外表的华丽。

它并非指设计上的“粗鲁”或“野蛮”，而是一种从20世纪中期建筑风格中汲取灵感，追求原始、诚实、反装饰、打破常规的设计哲学。

当这种哲学被移植到数字世界，它形成了一种与主流追求平滑、美观、用户友好的设计趋势背道而驰的风格。

二、为什么粗野主义会应用在网页设计中

随着时代的发展，网页才慢慢变成了我们今天看到的样子（绝大多数）——布局合理、遵循用户体验、注重美学和色彩理论等。思想、文化、审美、需求是多元的，对于网页的追求也是，主流网页追求高级美观和完美体验，也同时有了粗野主义发展的土壤。

一些人认为主流网页高级的美学和体验，会营造一种美丽的假象，让人会下意识忽略隐藏网页背后可能存在的缺乏道德和恶意的真实意图。粗野主义网页设计的流行，或许也反映了人们希望互联网能够更透明、更直接。

人们希望网站的底层逻辑和真实意图能像粗野主义建筑展示它的原材料和社会理念一样，一目了然。

三、核心特征与设计手法

1. 原始与未加工的视觉感

（1）默认的浏览器样式： 大量使用原生的HTML元素，如默认蓝色的超链接、朴素的按钮、无样化的列表和表单。看起来像是“未完成”的草图或开发者工具里的样子。 

（2）“粗糙”的质感： 模拟像素化、低分辨率图像、噪点纹理，或者故意使用看起来粗糙的图形。

2.无视用户体验惯例

（1）导航菜单可能隐藏在难以发现的地方，或者根本没有明确的导航。

（2）滚动行为可能是异常的（如水平滚动）。

（3）交互反馈生硬、直接，没有平滑的过渡动画。

3.鲜明的对比与撞色

（1）使用高饱和度的、刺眼的颜色组合，如亮黄配深蓝、荧光粉配黑色。背景色和文字颜色对比强烈，有时甚至到了难以阅读的程度。

（2）这并非设计失误，而是一种刻意为之的美学选择。

4.打破网格与不对称布局

（1）故意摒弃整齐的栅格系统，元素随意堆叠、重叠、错位，创造出一种混乱和不可预测的视觉冲击。

（2）文本和图片可能被生硬地裁剪，仿佛被随意放置。

5.实验性排版

（1）字体可能巨大无比，或者小到难以辨认。

（2）混合使用多种不协调的字体。

（3）文本可能被压缩、拉伸，或者以非常规的方式排列（如垂直、斜向）。

（4）大量使用等宽字体，让人联想到早期的计算机终端。

注意事项：

（1）可访问性问题： 低对比度、混乱的布局和非常规的导航会严重损害残障人士（如视障用户）的访问体验。

（2）用户体验风险： 用户可能会感到困惑、沮丧，并迅速离开网站。这会导致高跳出率和低转化率。

（3）适用范围窄： 这种风格极不适合于电商、银行、新闻等以信息清晰和易用性为核心目标的网站。它更适合于艺术、设计、个人作品集或希望制造话题的品牌。