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