← 返回

网站设计
全流程

探索 Expo 风格 — React Native 开发者美学,紫渐变、QR 扫描、移动端预览。

📱
📱
🎯

战略调研

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

🗺️

信息架构

站点地图·导航设计

✏️

原型设计

线框图·交互原型

🎨

视觉设计

UI·动效·组件库

💻

开发实现

前端·后端·API

🚀

测试上线

QA·CI/CD·监控

📋
Prompt 提示词
Build an Expo-style page: Dark background with purple gradient (#4630ec to #7c68ee). React Native dev aesthetic. Phone mockups with QR scanner visuals. App preview cards. Mobile-first design with rounded corners (16px). Developer documentation feel.
01/

战略调研

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

商业画布 用户画像
02/

信息架构

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

站点地图
03/

原型设计

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

线框图 原型
04/

视觉设计

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

UI 动效
05/

开发实现

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

前端 后端
06/

测试上线

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

QA CI/CD

开始构建

采用 Expo 风格,打造跨平台移动应用

探索所有风格 →