AI / Generative / Neubrutalism
AI实时动态调整内容布局配色，算法生成独特纹理图案，以及强调原始未加工的新粗野主义风格。三种前沿设计哲学的融合展示。
🎨 Generative UI - 生成式纹理
每次刷新页面，算法都会生成独一无二的纹理图案。基于 Simplex Noise 和随机游走算法。
🤖 AI-driven Personalization - 实时个性化
🏗️ Neubrutalism - 新粗野主义
刻意强调原始、未加工的视觉风格，多用无修饰的纯色块、尖锐直角和裸露的网格。在千篇一律的精致设计中脱颖而出。
RAW
原始未修饰的色块与粗黑边框，拒绝平滑渐变与阴影柔化。
BOLD
大胆的排版与强烈的色彩对比，每个元素都有明确的边界。
GRID
裸露的网格系统，刻意的错位与重叠，展现结构而非隐藏它。
CLASH
冲突的色彩组合与不规则间距，制造视觉张力与记忆点。
/* 生成式纹理 - Simplex Noise */
function generateNoise(canvas) {
const ctx = canvas.getContext('2d');
const imgData = ctx.createImageData(canvas.width, canvas.height);
for (let i = 0; i < imgData.data.length; i += 4) {
const noise = Math.random(); // 简化为随机，实际使用 Simplex Noise
imgData.data[i] = noise * 255;
imgData.data[i+1] = noise * 150;
imgData.data[i+2] = noise * 200;
imgData.data[i+3] = 255;
}
ctx.putImageData(imgData, 0, 0);
}
/* 新粗野主义核心 */
.neu-brutal {
background: #ff6b6b;
border: 4px solid #000;
box-shadow: 8px 8px 0 #000;
transition: all 0.2s;
}
.neu-brutal:hover {
transform: translate(-4px, -4px);
box-shadow: 12px 12px 0 #000;
}
← 返回索引