แบบจำลอง UI ของแอปออมทรัพย์ 3 มิติ

{ "type": "แบบจำลองภาพหลักของแนวคิดแอปพลิเคชันฟินเทคขั้นสูง", "style": "UI 3 มิติที่ดูทันสมัยคล้ายกระจก การไล่ระดับสีเขียวมิ้นต์เข้ม การเรนเดอร์สมาร์ทโฟนที่สมจริง แสงไฟสตูดิโอที่นุ่มนวล ความคมชัดสูง การแสดงผลการออกแบบผลิตภัณฑ์ที่ประณีต เอฟเฟกต์เบลอและรัศมีที่ละเอียดอ่อน และเงาแบบภาพยนตร์", "canvas": { "aspect_ratio": "16:9 แนวนอน", "background": "การไล่ระดับสีที่ราบเรียบจากสีฟ้าครามไปเป็นสีเขียวมรกต จางลงจนเกือบเป็นสีดำที่ด้านล่าง สร้างพื้นหลังการแสดงผลที่เรียบง่ายและล้ำหน้าทางเทคโนโลยี" } } } }, "layout": { "centerpiece": "สมาร์ทโฟนขนาดใหญ่สีดำสไตล์ไอโฟน วางเยื้องไปทางขวาเล็กน้อย หันหน้าไปข้างหน้า มีมุมโค้งมน ช่องเจาะกล้องแบบไดนามิกสไตล์เกาะ ขอบจอสีดำบาง ปุ่มด้านข้างสมจริง และเอฟเฟกต์สะท้อนแสง", "left_text_block": { "position": "ซ้ายและกลาง", "headline": "{argument name=\"headline text\" default=\"เก็บเงินออมของคุณไว้ในที่ปลอดภัย\"}", "style": "แบบอักษร sans-serif สีเทาอ่อนขนาดใหญ่ สองบรรทัด โปร่งใสเล็กน้อย" }, "right_text_block": { "position": "ล่างขวา", "paragraph_count": 2, "text": [ "แอปพลิเคชันนี้เป็นการออกแบบเชิงแนวคิด ฉันจะใช้ Claude ในการพัฒนา โปรดติดตามการอัปเดตเพิ่มเติม", "แนวคิดนี้มีจุดมุ่งหมายเพื่อให้การจัดการเงินออมเป็นเรื่องง่ายภายในแอปพลิเคชันเดียวผ่าน UI ที่สวยงาม" ] ... ], "style": "แบบอักษร sans-serif สีเทาอ่อนขนาดเล็ก" }, "top_badges": { "count": 2, "items": [ { "position": "บนซ้าย", "text": "ใบสมัครออมทรัพย์", "shape": "แคปซูลสีมิ้นต์โปร่งแสงมุมโค้งมน" }, { "position": "บนขวา", "text": "{argument name=\"creator handle\" default=\" @Ilia Zolotukhin\"}", "shape": "แคปซูลสีมิ้นต์โปร่งแสงมุมโค้งมน" } ] } }, "phone_screen": { "status_bar": { "time": "9:41", "icons": "สัญญาณ, Wi-Fi, แบตเตอรี่", "count": 4 }, "top_controls": { "count": 2, "items": [ { "position": "บนซ้าย", "text": "{argument name=\"savings progress\" default=\"$1350 / $5,000\"}", "icon": "ไอคอนเปลวไฟหรือหยดน้ำขนาดเล็ก", "shape": "แคปซูลทรงกลมโปร่งแสงสีมิ้นต์" }, { "position": "ด้านบนขวา", "icon": "ตั้งค่าเฟือง", "shape": "ปุ่มกลมสีเขียวมิ้นต์" } ] }, "main_visual": "ขวดแก้วโปร่งแสงขนาดใหญ่ที่มีฝาปิดสีมิ้นต์เมทัลลิกวางอยู่ตรงกลางหน้าจอ โดยมีเหรียญเงินเรียงซ้อนกันอยู่ที่ด้านล่าง มีเอฟเฟกต์สะท้อนแสงมันวาว ไฮไลท์แนวตั้ง ความลึกแบบ 3 มิติ และพื้นหลังภายในสีเขียวเข้ม", "micro_instruction": "เขย่าโทรศัพท์เพื่อเพิ่มจำนวนเงินใหม่", "stats_card": { "position": "ด้านล่างของหน้าจอโทรศัพท์", "shape": "การ์ดแก้วทรงกลมสีเข้มขนาดใหญ่", "title": "ยอดเงินออมทั้งหมด", "main_amount": "{argument name=\"saved amount\" default=\"$1,350\"}", "time_toggle": { "count": 3, "labels": [ "day", "week", "moon" ], "active": "day" }, "metrics": { "count": 3, "items": [ { "value": "$50", "label": "Added" }, { "value": "12 days", "label": "Continuous recording" }, { "value": "April 15, 2026", "label": "Creation Date" } ] } }, "bottom_buttons": { "count": 2, "items": [ { "text": "statistics", "style": "Dark rounded corner buttons" }, { "text": "Saving money", "style": "Bright mint green rounded corner ปุ่ม" } ] } }, "หมายเหตุการแสดงผล": "ทำให้กระปุกออมสินเป็นจุดเด่นทางสายตา โดยแสดงให้เห็นถึงความโปร่งใสของกระจกและรูปทรงเรขาคณิตของเหรียญอย่างสมจริง การจัดวางที่สะอาดตา ทันสมัย ​​พื้นที่ว่างที่สมดุล และการออกแบบที่ไม่รกตา ทำให้ได้คุณภาพระดับภาพถ่ายผลิตภัณฑ์ เหมาะสำหรับการแสดงตัวอย่างหน้า Landing Page ของแอปออมทรัพย์" }