01
设计气质 DNA
3D 查看器摄影测量点云渲染深色技术性
一个面向网页的 3D 模型查看器，专注于展示高斯点云重建效果，采用深色、实用优先的界面设计。
02
色彩
#e67e22Accent#ffffffInk#b0b0b0Ink soft#1a1a1aBG#242424BG soft#2a2a2aBG quiet#888888Mutedrgba(255, 255, 255, 0.1)Line深色中性背景突出 3D 内容，橙色强调色用于主要操作。
03
字体
- display
24px · 600 - body
14px · 400 - small
12px · 400
使用系统无衬线字体栈。 · 深色背景上采用浅色字重以确保可读性。
04
间距
4px8px12px16px24px32px48px64px标准 4px 网格用于 UI 元素对齐。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 6px
lg · 8px
pill · 999px
1px solid rgba(255, 255, 255, 0.1) 用于微妙分隔。
0 2px 8px rgba(0, 0, 0, 0.5)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
左侧边栏导航，主内容区包含 3D 查看器，右侧边栏用于元数据和操作。
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
按钮和交互元素上的细微悬停效果。
交互元素在悬停时亮度轻微增加或边框高亮。 · 通过颜色变化提供即时反馈。
08
组件
- button 小型圆角按钮，采用细微边框或纯色填充。主要操作使用橙色强调色。
- card 建议项以图片缩略图形式展示，带有深色叠加层。
- chip 小型药丸状标签，用于 '所用软件' 等元数据。
- input 圆角搜索栏，带有细微边框。
- hero 大型 3D 查看器占据视口左侧区域。
09
文案语气与禁用清单
- 语气 技术性且直接明了。
- 标题风格 模型采用直接、描述性的标题。
- 按钮文案 面向操作的按钮，如 '注册'、'下载'、'分享'。
- 避免使用浅色背景——截图显示整体采用深色主题。
- 避免使用衬线字体——截图显示完全采用无衬线排版。
- 避免使用明亮的多色强调色——截图使用单一橙色强调色。
- 避免用不必要的元素使界面显得杂乱——截图展示了干净、实用优先的布局。
- 避免使用浓重的投影效果——截图显示极简、微妙的阴影效果。
- 避免广泛使用圆角——截图显示主要采用直角或轻微圆角。
- 避免: 营销话术
- 避免: 过于随意的语言
- 避免: 分散内容注意力的装饰性元素
11
System Prompt
这是一个用于查看和分享 3D 高斯点云模型的深色主题网络应用。界面优先考虑 3D 内容，采用干净、实用优先的布局。关键颜色为极深背景（#1a1a1a）搭配白色文字（#ffffff）和用于 '注册' 等主要操作的橙色强调色（#e67e22）。排版使用干净的无衬线字体类别，在深色背景上采用浅色字重。关键设计原则包括：避免使用分散 3D 内容注意力的浅色背景，使用单一强调色建立视觉层次，以及保持技术性、直接明了的语调。布局包含左侧导航边栏、大型 3D 查看器以及用于元数据和用户操作的右侧面板。该站点代表了一个专注于技术性 3D 内容的开发者/工具界面。