
UI / UX 设计
粉彩风格跑步应用三屏UI展示
生成带有可爱动物吉祥物和柔和粉彩色调的三屏运动健身App设计。可更换吉祥物或点缀色彩以适配各类健康记录产品。
ui设计移动应用健身追踪跑步应用界面模型粉彩风格吉祥物
提示词
{
"type": "移动健身应用UI模型",
"style": "干净现代的柔和粉彩色应用界面设计,米色与暖白卡片底色,哑光鼠尾草绿点缀,圆角卡片与按钮,柔和微阴影,极简细线条图标,融入[树懒]吉祥物的亲切趣味品牌风格,深棕色细点网格背景上的Dribbble风格展示",
"theme": "[跑步记录应用]",
"layout": {
"device_count": 3,
"arrangement": "三台竖屏智能手机等距正面并排展示",
"background": "带有细密均匀点阵的极深棕色背景",
"screens": [
{
"position": "left",
"screen_type": "首页仪表盘",
"header": {
"greeting": "Good morning, Runner! 👋",
"left_icon": "none",
"right_icon": "notification bell"
},
"hero_card": {
"headline": "Ready for a great day?",
"subcard_text_line_1": "Every step forward is a win.",
"subcard_text_line_2": "Let's make it count. 🌱",
"illustration": "戴着米色发带、身穿薄荷绿运动服的可爱[树懒],在卡片右侧站立挥手"
},
"sections": [
{
"title": "This Week",
"position": "upper middle",
"count": 3,
"labels": [
"Runs",
"Distance",
"Time"
],
"values": [
"3",
"12.6 km",
"1h 45m"
],
"presentation": "包含三等分列和淡绿色圆形图标的单张圆角数据卡片"
},
{
"title": "NEXT GOAL",
"position": "middle lower",
"count": 1,
"labels": [
"20 km this month"
],
"values": [
"63%"
],
"presentation": "带有绿色进度条和右侧挥手小树懒插图的圆角目标卡片"
},
{
"title": "Recent Activity",
"position": "lower",
"count": 1,
"labels": [
"Recent Activity"
],
"presentation": "被底部导航栏截断的另一张圆角卡片顶部边沿"
}
],
"bottom_nav": {
"count": 4,
"labels": [
"Home",
"Run",
"Progress",
"Profile"
],
"active": "Home"
}
},
{
"position": "center",
"screen_type": "跑步结算页面",
"header": {
"left_icon": "back chevron",
"center_text": "Great job!",
"subtext": "You did it. Time to celebrate. 🎉",
"right_icon": "share"
},
"hero_illustration": "头戴发带、身穿薄荷绿运动装并挂着金牌的可爱[树懒],高举双手欢呼庆祝",
"stats_row": {
"count": 3,
"labels": [
"DISTANCE",
"TIME",
"PACE"
],
"values": [
"5.00km",
"32:15",
"6:27"
],
"presentation": "三枚圆角胶囊状数据标签"
},
"achievement_card": {
"count": 1,
"title": "New Personal Best! 🌟",
"subtitle": "You shaved 1:12 off your previous 5K.",
"icon": "小金牌徽章"
},
"table_section": {
"title": "Splits",
"count": 2,
"columns": [
"KM",
"PACE",
"TIME"
],
"rows": [
[
"1",
"6:35",
"6:35"
],
[
"2",
"6:23",
"12:58"
]
],
"presentation": "带有细分隔线的白色圆角分段配速表格卡片"
}
},
{
"position": "right",
"screen_type": "跑步目标设定",
"header": {
"left_icon": "close x",
"center_text": "Time to run!",
"subtext": "You've got this. We'll take it slow. 🦥",
"right_icon": "settings gear"
},
"goal_visual": {
"type": "circular progress selector",
"top_label": "CHOOSE A GOAL",
"main_value": "5.00",
"unit": "kilometers",
"ring": "浅米色底圆上的粗鼠尾草绿进度圆弧",
"illustration": "在圆环右上角伸展身体的可爱小[树懒]"
},
"goal_options": {
"count": 4,
"labels": [
"2 km",
"5 km",
"10 km",
"Half"
],
"active": "5 km"
},
"primary_cta": {
"label": "Start Run",
"style": "鼠尾草绿色大圆角主按钮"
},
"secondary_action": {
"label": "Just Track",
"icon": "location pin"
},
"bottom_nav": {
"count": 4,
"labels": [
"Home",
"Run",
"Progress",
"Profile"
],
"active": "Run"
}
}
]
}
}可以替换的部分
生成前,把提示词里的这些部分换成你自己的主题或文案。
[树懒]占位符[跑步记录应用]占位符
提示词信息
- 模型
- GPT IMAGE 2
- 每张图消耗
- 1K:43 积分 · 2K:86 积分 · 4K:143 积分
- 画幅比例
- 16:9
- 收录时间