← 返回

网站设计
全流程

Linear 风格 · Issue 追踪美学 · 极简 · 紫色精确

C 创建
P 搜索
⌘K 命令
⌘↵ 保存
Prompt 提示词
Build a Linear-style page: Near-black background (#0a0a0f). Indigo purple accent (#6366f1). ZERO rounded corners — sharp rectangles only. Tight spacing, ultra-minimal. Issue tracker aesthetics. Purple highlights. Keyboard-first UI hints. Dense information, professional.
网站设计流程 · 6 个阶段 06 issues
01

战略调研

商业目标 · 用户需求 · 竞品分析

Phase 01
02

信息架构

站点结构 · 导航层级 · 内容分类

Phase 02
03

原型设计

线框图 · 可交互原型 · 用户测试

Phase 03
04

视觉设计

设计系统 · 品牌语言 · 组件库

Phase 04
05

开发实现

前端 · 后端 · API 联调

Phase 05
06

测试上线

QA · 性能优化 · CI/CD 部署

Phase 06
时间线 Timeline

战略调研

明确商业目标、用户需求、竞品分析,确定产品定位。

商业画布用户画像

信息架构

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

站点地图

原型设计

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

线框图原型

视觉设计

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

UI动效

开发实现

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

前端后端

测试上线

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

QACI/CD