แบบจำลอง UI ของแอปผู้ช่วย AI

{ "type": "แบบร่างการออกแบบ UI แอปมือถือ", "theme": "ผู้ช่วย AI แห่งอนาคต ดีไซน์แบบ 3 มิติคล้ายแก้ว โทนสีฟ้าอ่อนและขาว", "header": { "user_profile": { "avatar": "หัวหุ่นยนต์ 3 มิติขนาดเล็ก", "name": "{argument name=\"app name\" default=\"Xiaozhi Robot\"}", "level_badge": "LV.8 Star", "experience": "คะแนนประสบการณ์ 680/1000" }, "top_right_icons": { "count": 2, "labels": [ "เข้าสู่ระบบ", "ตั้งค่า" ] } }, "hero_display": { "subject": "หุ่นยนต์ 3 มิติน่ารัก สวมหมวกกันน็อคแก้ว ดวงตาสีฟ้าเรืองแสง", "pose": "ยืนอยู่บนฐานทรงกลมเรืองแสงล้ำสมัย", "speech_bubble": "{argument name=\"robot greeting\" default=\"สวัสดี~ มาพยายามให้เต็มที่ในวันนี้กันเถอะ!\"}", "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 เพชรสีม่วง", "ป้ายกำกับ": "7 วัน" } ] }, { "ชื่อเรื่อง": "ภารกิจการเติบโต", "ประเภท": "รายการแนวตั้ง", "จำนวน": 4, "รายการ": [ { "ไอคอน": "สมุดสีฟ้า", "ข้อความ": "{อาร์กิวเมนต์ชื่อ=\"ชื่อภารกิจที่ 1\" ค่าเริ่มต้น=\"ตอบคำถามอัจฉริยะ 1 ข้อ\"}", "ความคืบหน้า": "1/1", "รางวัล": "+15", "ปุ่ม": "รับ" }, { "ไอคอน": "จรวดสีเขียว", "ข้อความ": "{อาร์กิวเมนต์ชื่อ=\"ชื่อภารกิจที่ 2\" ค่าเริ่มต้น=\"สำรวจคุณสมบัติใหม่ 3 อย่าง\"}", "ความคืบหน้า": "2/3", "รางวัล": "+20", "ปุ่ม": "ไปและทำให้เสร็จ" }, { "ไอคอน": "ฟองแชทสีม่วง", "ข้อความ": "แชร์กับเพื่อน 1 คน", "ความคืบหน้า": "0/1", "รางวัล": "+30", "ปุ่ม": "ไปและทำให้เสร็จ" }, { "สไตล์": "แบนเนอร์ไล่ระดับสีฟ้า", "ไอคอน": "เพชร 3 มิติ", "ข้อความ": "{argument name=\"ข้อความแบนเนอร์อัปเกรด\" default=\"อัปเกรดเป็น LV.9 เพื่อปลดล็อกสกินใหม่\"}", "ความคืบหน้า": "680/1000", "ปุ่ม": "อัปเกรด" } ] } ], "การนำทางด้านล่าง": { "จำนวน": 5, "รายการ": [ { "ไอคอน": "หน้าแรกสีฟ้า", "ป้ายกำกับ": "หน้าแรก" }, { "ไอคอน": "เข็มทิศสีเทา", "ป้ายกำกับ": "ค้นพบ" }, { "ไอคอน": "หัวหุ่นยนต์ 3 มิติขนาดใหญ่", "ป้ายกำกับ": "" }, { "ไอคอน": "ฟองแชทสีเทาที่มีจุดสีแดง", "ป้ายกำกับ": "ข้อมูล" }, { "ไอคอน": "โปรไฟล์สีเทา", "ป้ายกำกับ": "ของฉัน" } ] } } }