Noideas Website

超现实主义艺术书籍与粗野主义网页设计的结合，运用3D排版和醒目的非传统布局来挑战传统设计规范。

高对比度、醒目的色块，以占主导地位的红色背景和辅助的绿色形成充满活力、动感且略带不安的视觉体验。

grotesque-sans

• display96px · 500

标题使用大号、粗体、无衬线字体，常以非常规方向和3D形式呈现。 · 正文内容极简，并融入整体图形构图，而非传统段落形式流淌。 · 文字常被旋转、分层，并作为主要图形元素使用。

不对称，由图形元素的构图位置驱动，而非严格的网格。

无可见边框；通过色块和重叠元素实现分隔。

3D笔记本元素上的投影 · 骰子元素上的细微阴影

单一、大型、居中的3D对象（笔记本）主导视口。导航放置在极角。布局是全出血图形构图。

滚动或鼠标移动时，3D笔记本元素可能产生的视差或旋转效果。 · 平滑的页面过渡（如'1 of 11'所示）。

导航文本链接的细微变化。 · 页面间导航（1 of 11）。

• button 无标准按钮；导航基于文本链接。
• card 笔记本本身作为主要的“卡片”或内容容器。
• chip 无标签组件。
• input 无可见输入框。
• hero 整个视口即是一个英雄区块，展示一本带有分层文本的3D笔记本。

• 语气 实验性、探究性，略带不羁。
• 标题风格 粗体，常为3D，并融入视觉构图。例如'设计究竟从哪里开始？'这类提问。
• 按钮文案 极简，基于文本的导航（信息、索引、商店）。

• 不要使用干净、极简的网格布局——截图显示的是不对称的全出血图形构图。
• 不要使用浅色或中性背景——截图显示的是占主导地位的饱和红色（#B31E1E）背景。
• 不要使用传统的、流淌的正文段落——截图显示文字作为图形元素，被旋转并分层置于对象上。
• 不要仅依赖2D扁平元素——截图呈现了一个突出的3D笔记本和一个3D骰子。
• 不要使用克制、单色的调色板——截图显示的是高对比度、充满活力的红色和绿色。
• 不要将导航放在标准的顶部栏中——截图显示导航链接位于左上、右上和左下的极角。
• 避免: 企业化打磨
• 避免: 通用图库图片
• 避免: 传统网格布局
• 避免: 过多的解释性文字
• 避免: 标准UI组件模式