← 返回

网站设计
全流程

探索 Warp 风格 — 现代终端美学,块级命令与 Rust 开发者工具的精密感。

terminal
$ design init --workflow=full
# 六个阶段完成网站设计
01 战略调研
02 信息架构
03 原型设计
04 视觉设计
05 开发实现
06 测试上线
design.md
$ cat phases.md
# 设计流程文档
├── 01-strategy/
├── 02-architecture/
├── 03-prototype/
├── 04-visual/
├── 05-development/
└── 06-launch/
📋
Prompt 提示词
Build a Warp-style page: Dark terminal aesthetic. JetBrains Mono font throughout. Block-style command blocks with green (#22c55e) prompt ($) prefix. Terminal windows with traffic light dots. File tree display. Rust/Go developer tool feel with precise monospace typography.
// 设计流程
01/

战略调研

明确商业目标、用户需求、竞品分析

商业画布 用户画像
02/

信息架构

规划站点结构、导航层级与内容分类

站点地图
03/

原型设计

线框图到可交互原型,快速验证概念

线框图 原型
04/

视觉设计

设计系统、品牌语言、配色与组件库

UI 动效
05/

开发实现

前后端开发、接口联调与响应式适配

前端 后端
06/

测试上线

功能测试、性能优化、CI/CD 部署

QA CI/CD

开始构建

采用 Warp 风格,用终端命令驱动设计

探索所有风格 →