
健身SaaS首页UI
A massive, detailed prompt for generating a complete web and mobile UI/UX design for a premium fitness brand, including dashboards and various interface sections.
观看14,000
点赞27
评论3
分享1
收藏35
引用1
翻译
设计一个现代、高端 {argument name="app type" default="健身应用"} 登录页面和产品 UI,品牌名称为 {argument name="brand name" default="PulseFit"}。
创建一个干净的网页设计模型,看起来像一个真实的 SaaS 健身平台和移动伴随应用。设计应感觉高端、激励人心且易于使用,具有精致的 UI/UX 风格,类似于顶级健康与保健应用。
包括:
- 一个英雄区域,包含粗体标题、简短副标题、强烈的行动呼吁按钮和应用预览
- 仪表板 UI,显示每日活动、燃烧卡路里、健身 streak、心率、步数和进度环
- 健身计划卡片,包括力量、有氧、移动性和恢复
- 营养追踪部分,包含宏观分解和水摄入量
- 进度图表和分析小工具
- 训练师/社区部分,包含个人数据卡和推荐
- 定价部分和下载/应用商店呼吁
- 移动应用程序画面与网页设计并列显示,以形成一个连贯的产品生态系统
风格方向:
- 时尚、简约、现代接口
- 高端健身品牌美学
- 平滑间距、强层次结构、圆角卡片、柔软阴影
- 暗色模式 UI,具有充满活力的强调色调,如电蓝、霓虹绿或鲜艳橙色
- 清晰字体、真实图表、精致按钮、美丽的入门感觉
- 高度详细、值得 Dribbble、新创品质的产品设计
- 真实的 UX 案例研究展示,而非卡通或插图
构图:
- 完整的网站首页模型
- 在一个精致展示中可见多个 UI 部分
- 轻微透视或直立的产品展示
- 干净的背景,带有轻微渐层和专业照明
- 超详细、清晰的文本渲染、视觉平衡的布局
输出:
一个惊人、真实的 UI/UX 设计概念,适用于健身应用程序网站和仪表板,看起来已准备好开发。
使其看起来像一个真实的 Figma 产品设计展示,适用于高端新创公司。
机器翻译 — 实际生成作品的是原文提示词。











