
UI / UX 設計
健康恢復儀表板應用介面原型
生成簡約精緻的簡體中文健康與體能恢復追蹤應用介面。可自訂主題配色、問候語及日程卡片以適配不同產品概念。
ui原型行動應用健康儀表板恢復追蹤iphone介面極簡設計
提示詞
{
"type": "高保真移動端健康恢復儀表盤 UI 原型圖",
"platform": "iPhone 豎屏,9:41 狀態列,暖白背景,柔和投影,圓角卡片,極簡健康應用視覺風格",
"language": "簡體中文 UI 文字",
"theme": {
"primary_color": "[深青綠]",
"accent_color": "[暖橙色]",
"background": "帶微弱米色質感的暖白底色",
"typography": "現代清晰無襯線字型,加粗大號中文標題,較細的正文字型"
},
"screen": {
"top_status_bar": "左上角時間 9:41,右上角蜂窩網路、Wi-Fi 及電池圖示",
"date": "5月11日 週一",
"greeting": "[早上好,今天更適合穩一點]",
"main_headline": "[今日狀態:需要恢復]"
},
"hero_status_ring": {
"position": "中上方",
"shape": "大型環形進度條",
"count": 1,
"style": "頂部留有微小缺口、進度約85%的粗橙色漸變圓環,淺桃色副圓弧,虛線內環,內部有淡波浪折線圖",
"center_text": [
"需要恢復",
"睡眠偏短,恢復訊號略弱"
]
},
"insight_rows": {
"position": "圓環下方",
"count": 2,
"items": [
{
"icon": "帶 zzz 的小橙色月亮",
"text": "昨晚睡眠比近 14 天均值少 42 分鐘"
},
{
"icon": "小橙色心率脈衝",
"text": "今日靜息心率比個人基線高 6 bpm"
}
]
},
"schedule_card": {
"position": "中部",
"title": "今天可以這樣安排",
"decoration": "右上角淡綠山丘配幼苗插畫",
"count": 3,
"items": [
{
"icon": "淺青綠圓形內步行小人",
"text": "午後步行 10 分鐘",
"chevron": "right"
},
{
"icon": "淺青綠圓形內床鋪圖示",
"text": "今晚提前 30 分鐘上床",
"chevron": "right"
},
{
"icon": "淺青綠圓形內啞鈴力量訓練圖示",
"text": "今天避免高強度訓練",
"chevron": "right"
}
],
"primary_button": "加入今日安排"
},
"metric_cards": {
"position": "中下方 2x2 網格",
"count": 4,
"cards": [
{
"title": "睡眠",
"status_badge": "偏短",
"icon": "彎月與星星",
"main_value": "6小時 12分"
},
{
"title": "活動",
"status_badge": "平穩",
"icon": "鞋子/腳印",
"main_value": "4,820 步"
},
{
"title": "恢復",
"status_badge": "偏弱",
"icon": "樹葉",
"main_value": "需放緩"
},
{
"title": "久坐",
"status_badge": "需打斷",
"icon": "椅子",
"main_value": "連續 86 分鐘"
}
]
},
"bottom_navigation": {
"position": "底部固定標籤欄",
"count": 4,
"tabs": [
{
"label": "今日",
"icon": "實心主頁",
"state": "啟用青綠"
},
{
"label": "洞察",
"icon": "柱狀圖",
"state": "未選中灰色"
},
{
"label": "行動",
"icon": "剪貼簿勾選",
"state": "未選中灰色"
},
{
"label": "我的",
"icon": "輪廓使用者",
"state": "未選中灰色"
}
],
"home_indicator": "最底部黑色 iPhone Home 橫條"
},
"composition": "單屏豎向居中手機應用展示圖,留白舒適通透,中文排版清晰易讀,柔和圓角矩形,日程行間細膩分割線,適合產品演示的高品質健康恢復應用介面"
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[深青綠]佔位符[暖橙色]佔位符[早上好,今天更適合穩一點]佔位符[今日狀態:需要恢復]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 9:16
- 收錄時間