ระบบการออกแบบ UI ในโหมดมืดธีมอวกาศ

สร้างระบบการออกแบบ UI ในโหมดมืดที่ครอบคลุม โดยประกอบด้วยชุดสี การจัดวางตัวอักษร และองค์ประกอบต่างๆ ที่ได้รับแรงบันดาลใจจากอวกาศ

พรอมต์

{ "type": "ระบบการออกแบบ UI", "theme": "โหมดมืด, แรงบันดาลใจจากอวกาศ, เน้นแสงเรืองรอง", "header": { "label": "ระบบการออกแบบ", "title": "COSMIC GRAVITY", "subtitle": "ภาษาการออกแบบที่ได้รับแรงบันดาลใจจากจักรวาล" }, "layout": { "left_column": [ { "title": "สี", "count": 7, "items": [ {"name": "สีดำคอสมิก", "hex": "#050507"}, {"name": "สีอวกาศลึก", "hex": "#0E0F14"}, {"name": "สีขาวนวล", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "สีม่วงยามค่ำคืน", "hex": "#1A1C2A"}, {"name": "สีน้ำเงินยามโพล้เพล้", "hex": "#0F1B2A"}, {"name": "สีเขียวอมฟ้าเนบิวลา", "hex": "#0E1F22"} ] }, { "title": "การไล่เฉดสี", "count": 1, "description": "แถบแนวนอนแสดงแสงเรืองรองแบบคอสมิกจากมืดไปสว่างแล้วกลับไปมืด" }, { "title": "การจัดวางตัวอักษร", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 แสงคอสมิก", "H2 สำรวจเพิ่มเติม", "เนื้อหา ข้อความแห่งสวรรค์", "คำบรรยาย ข้อมูลวงโคจร"] } ], "main_column": [ { "title": "องค์ประกอบ UI", "subsections": [ {"title": "ปุ่ม", "count": 3, "labels": ["สำรวจ (หลัก)", "ยกเลิก (รอง)", "เพิ่มเติม (โปร่งใส)"]}, {"title": "แถบเลื่อน", "count": 1, "value": "72%"}, {"title": "สวิตช์เปิด-ปิด", "count": 2, "states": ["ปิด", "เปิด"]}, {"title": "แท็ก", "count": 3, "labels": ["หลุมดำ", "ดาวพฤหัสบดี", "วงโคจร"]} ] }, { "title": "การ์ด", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "คลังข้อมูลวงโคจร", "image": "ดาวพฤหัสบดี"}, {"title": "หลุมดำ", "subtitle": "ปรากฏการณ์คอสมิก", "image": "หลุมดำพร้อมจานพอกพูนมวล"}, {"title": "ระยะทาง", "value": "778.3 ล้าน กม.", "image": "วงแหวนโคจรซ้อนกัน"} ] }, { "title": "การแสดงผลข้อมูล", "count": 3, "items": [ {"title": "พลังงาน", "type": "วงแหวนแสดงความคืบหน้า", "value": "87%"}, {"title": "ความแรงสัญญาณ", "type": "กราฟเส้นพร้อมจุดเรืองแสง", "value": "42.6 dB"}, {"title": "สัญญาณรบกวนคอสมิก", "type": "UI เครื่องเล่นเสียง"} ] }, { "title": "ไอคอน", "count": 7, "labels": ["หน้าหลัก", "ดาวเคราะห์", "ประกายแสง", "สัญญาณ", "โฟลเดอร์", "หัวใจ", "ผู้ใช้"] } ], "bottom_row": [ { "title": "องค์ประกอบภาพ", "count": 5, "labels": ["หลุมดำ", "วงแหวนแรงโน้มถ่วง", "แสงเรืองรอง", "ฝุ่นเนบิวลา", "พื้นผิวกระจก"] } ] } }