35 lines
1.1 KiB
Markdown
35 lines
1.1 KiB
Markdown
# Spectra Lab
|
||
|
||
一个以视觉表现力为核心的实验性 Web App。
|
||
|
||
## 项目目标
|
||
- 优先级一：前端显示效果惊艳、与众不同、有设计感
|
||
- 优先级二：保持可交互、可演示、可继续扩展
|
||
- 优先级三：10 小时内完成可交付版本
|
||
|
||
## 当前技术策略
|
||
- 采用原生 HTML / CSS / JavaScript
|
||
- 不依赖重型框架，优先保证视觉落地速度与部署简单度
|
||
- 重点投入在：动效、排版、层次、质感、氛围、交互反馈
|
||
|
||
## 首版概念
|
||
Spectra Lab：未来感数字展馆 / 灵感实验室。
|
||
用户可以在一个沉浸式页面里浏览多个“光谱场景”：
|
||
- Hero 主舞台
|
||
- 动态数据仪表
|
||
- 场景卡片矩阵
|
||
- 时间线/展陈区
|
||
- 可切换主题氛围
|
||
|
||
## 开发规程（本轮）
|
||
1. 先完成视觉概念统一与页面骨架
|
||
2. 再补高价值动效与交互
|
||
3. 然后做响应式适配
|
||
4. 最后做可运行验证与演示收口
|
||
|
||
## 当前文件
|
||
- `index.html`：页面结构
|
||
- `styles.css`：视觉系统与动效
|
||
- `app.js`：交互、状态、动画驱动
|
||
- `DESIGN.md`：设计语言与构图原则
|