社区案例

带有树懒吉祥物的柔和色调跑步 App UI

此提示词可生成一套精致的三屏移动端跑步 App 概念设计，采用柔和的粉彩色调和可爱的树懒吉祥物，非常适合 App 设计展示及可编辑的 UI 模型。

Mattia · 2026-04-24 · 约 5 分钟

参考效果：带有树懒吉祥物的柔和色调跑步 App UI — 社区作者发布的参考画面 · Mattia

编辑提示词

完整提示词

{"type":"移动健身 App UI 模型","style":"简洁现代的粉彩 App 设计，柔和的米色和暖白色表面，点缀柔和的鼠尾草绿，圆角卡片和按钮，细腻的阴影，纤细的极简线条图标，带有树懒吉祥物的友好趣味品牌形象，Dribbble 风格的深棕色点阵背景展示","theme":"跑步追踪 App","layout":{"device_count":3,"arrangement":"三个并排的修长智能手机屏幕，间距均匀，正面视角","background":"极深棕色，带有淡淡的均匀点阵网格","screens":[{"position":"左侧","screen_type":"首页仪表盘","header":{"greeting":"早上好，跑者！👋","left_icon":"无","right_icon":"通知铃铛"},"hero_card":{"headline":"准备好迎接美好的一天了吗？","subcard_text_line_1":"每一步前进都是胜利。","subcard_text_line_2":"让我们让每一刻都有意义。🌱","illustration":"可爱的树懒，戴着奶油色发带，穿着薄荷绿运动装，站在卡片右侧挥手"},"sections":[{"title":"本周","position":"中上","count":3,"labels":["跑步次数","距离","时间"],"values":["3","12.6 公里","1 小时 45 分"],"presentation":"单个圆角统计卡片，包含三列等宽内容和淡绿色圆形图标"},{"title":"下一个目标","position":"中下","count":1,"labels":["本月 20 公里"],"values":["63%"],"presentation":"圆角进度卡片，配有绿色进度条和右侧挥手的树懒小插图"},{"title":"近期活动","position":"底部","count":1,"labels":["近期活动"],"presentation":"另一个圆角卡片的顶部边缘可见，被底部导航栏遮挡"}],"bottom_nav":{"count":4,"labels":["首页","跑步","进度","个人资料"],"active":"首页"}},{"position":"中间","screen_type":"跑步总结","header":{"left_icon":"返回箭头","center_text":"干得漂亮！","subtext":"你做到了。是时候庆祝一下了。🎉","right_icon":"分享"},"hero_illustration":"可爱的树懒，戴着发带，穿着薄荷绿运动装，佩戴金牌，双臂高举庆祝","stats_row":{"count":3,"labels":["距离","时间","配速"],"values":["5.00 公里","32:15","6:27"],"presentation":"三个圆角统计胶囊"},"achievement_card":{"count":1,"title":"新的个人最佳！🌟","subtitle":"你比上次 5 公里快了 1 分 12 秒。","icon":"小型金牌徽章"},"table_section":{"title":"分段","count":2,"columns":["公里","配速","时间"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"带有浅色分割线的圆角白色表格卡片"}},{"position":"右侧","screen_type":"跑步目标设置","header":{"left_icon":"关闭 X","center_text":"开始跑步吧！","subtext":"你行的。我们慢慢来。🦥","right_icon":"设置齿轮"},"goal_visual":{"type":"圆形进度选择器","top_label":"选择目标","main_value":"5.00","unit":"公里","ring":"淡米色圆环上的粗体鼠尾草绿弧线","illustration":"在圆环右上角伸展的小树懒"},"goal_options":{"count":4,"labels":["2 公里","5 公里","10 公里","半马"],"active":"5 公里"},"primary_cta":{"label":"开始跑步","style":"大型圆角鼠尾草绿按钮"},"secondary_action":{"label":"仅追踪","icon":"位置标记"},"bottom_nav":{"count":4,"labels":["首页","跑步","进度","个人资料"],"active":"跑步"}}]}}

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 Mattia 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗