网站设计
全流程
Vercel 风格 — 纯黑白粗野主义，无圆角、无阴影、无装饰，只有最纯粹的设计与功能。
设计系统概览
| 阶段 | 交付物 | 工具 | 完成 |
|---|---|---|---|
| 01 战略调研 | 商业画布、用户画像、竞品分析 | Figma、Miro | ✓ |
| 02 信息架构 | 站点地图、导航结构 | Figma、Notion | ✓ |
| 03 原型设计 | 线框图、交互原型 | Figma、Principle | ✓ |
| 04 视觉设计 | 设计系统、品牌规范 | Figma | ✓ |
| 05 开发实现 | 前后端、API | VS Code | ✓ |
| 06 测试上线 | QA、CI/CD | GitHub Actions | ✓ |
Prompt 提示词
Build a Vercel-style page: PURE BLACK and WHITE only - no colors except black/white/gray. ZERO rounded corners (sharp rectangles). ZERO shadows. ZERO gradients. Use Inter font with tight letter-spacing. Grid lines as decoration. 1px borders. Bold typography. Brutalist web design aesthetic with table layouts and minimal decoration.
设计流程
01
战略调研
明确商业目标、用户需求与竞品分析，确定产品定位与差异化方向。
02
信息架构
规划站点结构、导航层级与内容分类，确保信息组织清晰合理。
03
原型设计
从线框图到可交互原型，快速验证概念与用户流程。
04
视觉设计
构建设计系统，包括品牌语言、配色方案与组件库。
05
开发实现
前后端开发、接口联调与响应式适配，确保技术落地。
06
测试上线
功能测试、性能优化、SEO 配置与 CI/CD 部署上线。