AI Assistant App UI Mockup

{ "type": "移动端 App UI 设计稿", "theme": "未来感 AI 助手，3D 玻璃拟态风格，浅蓝色与白色配色方案", "header": { "user_profile": { "avatar": "小型 3D 机器人头像", "name": "\"app: \"小智机器人\"", "level_badge": "LV.8 星耀", "experience": "经验值 680/1000" }, "top_right_icons": { "count": 2, "labels": ["签到", "设置"] } }, "hero_display": { "subject": "带有玻璃头盔和蓝色发光眼睛的可爱 3D 机器人", "pose": "站在发光的未来感圆形底座上", "speech_bubble": "\"robot: \"Hi~", "background": "带有悬浮透明气泡的抽象浅蓝色科技感环境" }, "layout": { "sections": [ { "title": "每日签到", "subtitle": "连续签到 3 天", "type": "横向滚动卡片", "count": 5, "items": [ {"state": "激活状态蓝色卡片", "reward": "+10 金币", "label": "可签到"}, {"state": "未激活白色卡片", "reward": "+15 金币", "label": "2 天"}, {"state": "未激活白色卡片", "reward": "+20 金币", "label": "3 天"}, {"state": "未激活白色卡片", "reward": "+30 金币", "label": "4 天"}, {"state": "未激活白色卡片", "reward": "+50 紫色钻石", "label": "7 天"} ] }, { "title": "成长任务", "type": "纵向列表", "count": 4, "items": [ {"icon": "蓝色书本", "text": "\"task: \"完成", "progress": "1/1", "reward": "+15", "button": "领取"}, {"icon": "绿色火箭", "text": "\"task: \"探索", "progress": "2/3", "reward": "+20", "button": "去完成"}, {"icon": "紫色聊天气泡", "text": "分享给 1 位好友", "progress": "0/1", "reward": "+30", "button": "去完成"}, {"style": "蓝色渐变横幅", "icon": "3D 钻石", "text": "\"upgrade: \"升级到", "progress": "680/1000", "button": "去升级"} ] } ], "bottom_navigation": { "count": 5, "items": [ {"icon": "蓝色首页", "label": "首页"}, {"icon": "灰色指南针", "label": "发现"}, {"icon": "大型凸起 3D 机器人头像", "label": ""}, {"icon": "带有红点的灰色聊天气泡", "label": "消息"}, {"icon": "灰色个人资料", "label": "我的"} ] } } }