← 返回

网站设计 全流程

探索 PostHog 风格 — 酸橙绿分析美学,热力图、数据洞察、产品分析的视觉语言。

贡献热力图 · Contribution Heatmap

6

设计阶段

100%

覆盖全流程

迭代优化

📋
Prompt 提示词
Build a PostHog-style page: Dark background with lime green (#99f614) accent. Analytics dashboard aesthetic. Heatmap visualization. Bold typography. Rounded corners (12px). Product analytics feel with data-dense layouts.
01/

战略调研

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

02/

信息架构

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

03/

原型设计

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

04/

视觉设计

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

05/

开发实现

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

06/

测试上线

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

开始分析

采用 PostHog 风格,打造数据驱动的产品体验

探索所有风格 →