
UI / UX 디자인
헬스 리커버리 대시보드 UI 목업
중국어 간체로 구성된 깔끔한 건강 회복 추적 모바일 앱 UI를 생성합니다. 테마 색상, 인사말, 일일 활동 카드를 앱 콘셉트에 맞게 조정하세요.
ui 목업모바일 앱웰니스 대시보드건강 관리아이폰 ui미니멀 디자인
프롬프트
{
"type": "high-fidelity mobile health recovery dashboard UI mockup",
"platform": "iPhone portrait screen, 9:41 status bar, white warm background, soft shadows, rounded cards, minimalist wellness app visual style",
"language": "Simplified Chinese UI text",
"theme": {
"primary_color": "[deep teal green]",
"accent_color": "[warm orange]",
"background": "off-white with subtle beige texture",
"typography": "clean modern sans-serif, bold large Chinese headings, lighter body text"
},
"screen": {
"top_status_bar": "time 9:41 at top left, cellular signal, Wi-Fi, battery icons at top right",
"date": "5月11日 周一",
"greeting": "[早上好,今天更适合稳一点]",
"main_headline": "[今日状态:需要恢复]"
},
"hero_status_ring": {
"position": "upper center",
"shape": "large circular progress ring",
"count": 1,
"style": "thick orange gradient ring about 85 percent complete with a small gap at top, pale peach secondary arc, dotted inner circle, faint wavy line chart inside",
"center_text": [
"需要恢复",
"睡眠偏短,恢复信号略弱"
]
},
"insight_rows": {
"position": "below ring",
"count": 2,
"items": [
{
"icon": "small orange moon with zzz",
"text": "昨晚睡眠比近 14 天均值少 42 分钟"
},
{
"icon": "small orange heart pulse",
"text": "今日静息心率比个人基线高 6 bpm"
}
]
},
"schedule_card": {
"position": "middle",
"title": "今天可以这样安排",
"decoration": "small green sprout illustration on pale green hill in top right",
"count": 3,
"items": [
{
"icon": "walking person in pale teal circle",
"text": "午后步行 10 分钟",
"chevron": "right"
},
{
"icon": "bed in pale teal circle",
"text": "今晚提前 30 分钟上床",
"chevron": "right"
},
{
"icon": "dumbbell/cross training icon in pale teal circle",
"text": "今天避免高强度训练",
"chevron": "right"
}
],
"primary_button": "加入今日安排"
},
"metric_cards": {
"position": "lower middle in 2 by 2 grid",
"count": 4,
"cards": [
{
"title": "睡眠",
"status_badge": "偏短",
"icon": "crescent moon with stars",
"main_value": "6小时 12分"
},
{
"title": "活动",
"status_badge": "平稳",
"icon": "shoe/footprint",
"main_value": "4,820 步"
},
{
"title": "恢复",
"status_badge": "偏弱",
"icon": "leaf",
"main_value": "需放缓"
},
{
"title": "久坐",
"status_badge": "需打断",
"icon": "chair",
"main_value": "连续 86 分钟"
}
]
},
"bottom_navigation": {
"position": "bottom fixed tab bar",
"count": 4,
"tabs": [
{
"label": "今日",
"icon": "filled home",
"state": "active teal"
},
{
"label": "洞察",
"icon": "bar chart",
"state": "inactive gray"
},
{
"label": "行动",
"icon": "clipboard check",
"state": "inactive gray"
},
{
"label": "我的",
"icon": "user outline",
"state": "inactive gray"
}
],
"home_indicator": "black iPhone home indicator at very bottom"
},
"composition": "single mobile app screen mockup centered in portrait, generous spacing, readable Chinese text, soft rounded rectangles, subtle dividers between schedule rows, wellness recovery tracking product design suitable for demo presentation"
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[deep teal green]자리 표시자[warm orange]자리 표시자[早上好,今天更适合稳一点]자리 표시자[今日状态:需要恢复]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 9:16
- 추가일