1 / 1

健身 SaaS 着陆页 UI

案列来源：Stephen Day | Google AI, Agents & Vibe Coding

UI 设计稿openai/gpt-image-2#UI 设计#极简#动漫#赛博朋克#界面

为高端健身品牌 PulseFit 设计的现代化网页和移动端 UI/UX 概念，包含仪表盘与健身分析。

5.2w人正在用

4:5推荐尺寸

3.6w收藏人数

提示词模板

设计一个现代、高端的 健身应用 着陆页及产品 UI，品牌名称为 PulseFit。

创建一个简洁的 Web 设计模型，使其看起来像一个真实的 SaaS 健身平台及配套移动端应用。设计风格应体现高端感、激励性且易于使用，UI/UX 风格需对标顶级健康与健身应用。

包含内容：
- 首屏板块：包含醒目的标题、简短的副标题、强有力的行动号召（CTA）按钮以及应用预览
- 仪表盘 UI：展示每日活动、消耗卡路里、锻炼连续天数、心率、步数及进度环
- 锻炼计划卡片：涵盖力量、有氧、灵活性及恢复训练
- 营养追踪板块：包含宏量营养素分析及饮水量记录
- 进度图表与分析组件
- 教练/社区板块：包含个人资料卡片及用户评价
- 定价板块及应用商店下载引导
- 移动端应用界面：与 Web 设计并列展示，呈现统一的产品生态系统

风格导向：
- 时髦、极简、现代的界面
- 高端健身品牌美学
- 舒适的间距、清晰的层级、圆角卡片、柔和阴影
- 深色模式 UI，搭配电光蓝、霓虹绿或活力橙等充满能量的强调色
- 清晰的排版、真实的图表、精致的按钮、美观的引导页体验
- 高度细节化、符合 Dribbble 标准、具备初创公司水准的产品设计
- 真实的 UX 案例研究展示，非卡通或插画风格

构图：
- 完整的网站首页模型
- 在一个精致的展示中呈现多个 UI 板块
- 采用微透视或正视的产品展示视角
- 简洁的背景，带有微妙的渐变与专业灯光效果
- 超高细节、清晰的文字渲染、视觉平衡的布局

输出：
一个令人惊艳、逼真的健身应用网站及仪表盘 UI/UX 设计概念，看起来已达到可开发标准。

使其看起来像是一个针对高端初创公司的真实 Figma 产品设计演示。