网站设计全流程

Claude 风格 · 温暖、人文、编辑美学的设计语言

📋 Prompt 提示词复制后直接使用

Build a page in Claude's style: Warm terracotta (#d97706) as primary accent color. Clean, minimal, editorial layout with generous white space. Use a warm off-white background (#fef3c7). Typography-forward design with clear hierarchy. Content should feel approachable yet professional. Dark slate text (#1e293b). Include subtle hover states and smooth transitions.

Step 01

战略调研

明确商业目标、用户需求、市场机会。这是所有设计决策的基础。

商业画布用户画像竞品分析

Step 02

信息架构

规划内容结构、导航系统、页面层级。让用户在三次点击内找到所需。

站点地图用户流程导航设计

Step 03

原型设计

从线框图到可交互原型。快速迭代，验证体验，收集反馈。

线框图交互原型用户测试

Step 04

视觉设计

建立设计系统，定义品牌语言。配色、字体、间距、组件库。

设计系统 UI 设计动效

Step 05

开发实现

前后端开发、接口联调、响应式适配。将设计转化为可用产品。

前端后端 API

Step 06

测试上线

功能测试、性能优化、SEO 配置、灰度发布与监控。

QA 性能 CI/CD

设计是沟通的艺术

Claude 风格 · 温暖连接，智慧表达

探索所有风格 →

网站设计 全流程