ระบบ UI ของ Cosmic Gravity Glass

{ "type": "โครงการระบบออกแบบ UI ที่ล้ำสมัยคล้ายกระจก", "theme": "แดชบอร์ดสำรวจดาวเคราะห์ในห้วงอวกาศลึกโดดเด่นด้วยการออกแบบอุตสาหกรรมระดับไฮเอนด์สไตล์ Apple", "style": { "background": "พื้นหลังสีดำด้านเกือบสนิทให้ความรู้สึกพร่ามัวคล้ายดวงดาว", "lighting": "เงาอ่อนๆ แสงเรืองรองเล็กน้อย ไฮไลท์สีเหลืองอำพันอบอุ่น เน้นสีน้ำเงินม่วงเย็นๆ และแผงกระจกโปร่งแสง", "material": "กระจกฝ้า พื้นผิวสีเข้มมันวาว เส้นแสงละเอียดอ่อน การหักเหของแสงที่นุ่มนวล", "mood": "ไซไฟหรูหรา มินิมอล เหมือนภาพยนตร์ ประณีตอย่างยิ่ง" }, "layout": { "format": "โครงการแสดงผลแบบเฟรมเดียวขนาดกว้าง", "sections": [ { "title": "COSMIC GRAVITY", "position": "แถบด้านข้างซ้าย", "count": 5, "labels": [ "Title Brand Block", "Palette color swatches", ] ... { "แถบไล่ระดับสี", "ตัวอย่างแบบอักษร", "รายการสัดส่วนข้อความ" ] }, { "ชื่อเรื่อง": "องค์ประกอบ UI", "ตำแหน่ง": "บนขวา", "จำนวน": 7, "ป้ายกำกับ": [ "ปุ่มสำรวจ", "ป้ายกำกับมุมโค้งมน 1", "ป้ายกำกับมุมโค้งมน 2", "แถบเลื่อนแนวนอน", "สวิตช์", "ปุ่มแคปซูลหลุมดำ", "ปุ่มแคปซูลดาวพฤหัสบดี" ] }, { "ชื่อเรื่อง": "การ์ด", "ตำแหน่ง": "กลางขวา", "จำนวน": 3, "ป้ายกำกับ": [ "การ์ดดาวพฤหัสบดี", "การ์ดหลุมดำ", "การ์ดตัวบ่งชี้ขนาดเล็ก" ] }, { "ชื่อเรื่อง": "การแสดงข้อมูล", "ตำแหน่ง": "ล่างขวา", "จำนวน": 3, "ป้ายกำกับ": [ "การ์ดความคืบหน้าแบบวงกลม 87%", "การ์ดแผนภูมิเส้น", "การ์ดควบคุมแนวนอน" ] }, { "ชื่อเรื่อง": { "แถบนำทางด้านล่าง", "ตำแหน่ง": "ตรงกลางด้านล่าง", "จำนวน": 7, "ป้ายกำกับ": [ "ไอคอนหน้าแรก", "ไอคอนเมฆ", "ไอคอนประกายไฟ", "ไอคอนสัญญาณ", "ไอคอนสี่เหลี่ยมผืนผ้าโค้งมน", "ไอคอนรูปหัวใจ", "ไอคอนถาด" ] }, { "ชื่อเรื่อง": "ตัวอย่างภาพ", "ตำแหน่ง": "แถวล่างสุด", "จำนวน": 5, "ป้ายกำกับ": [ "หลุมดำ", "วงแหวนแรงโน้มถ่วง", "แสงเรืองรอง", "ฝุ่นเนบิวลา", "พื้นผิวกระจก" ] } ], "องค์ประกอบหลัก": "บนพื้นหลังสีดำ มีการ์ดและปุ่มควบคุมสีเข้มโปร่งแสงเรียงชิดกันอย่างแน่นหนา เหมือนโปสเตอร์สำหรับระบบการออกแบบระดับไฮเอนด์" }, "ข้อความ": { "การสร้างแบรนด์": "{argument name=\"ข้อความหัวเรื่อง\" default=\"แรงโน้มถ่วงจักรวาล\"}", "ป้ายกำกับขนาดเล็ก": "ข้อความขนาดเล็กตัวพิมพ์ใหญ่แบบไม่มีเชิงที่ปรากฏอยู่ทั่วทั้งภาพส่วนใหญ่ใช้สำหรับการจัดรูปแบบคำอธิบายประกอบ UI ทางเทคนิค", "เปอร์เซ็นต์": "87%", "ระยะทาง": "779.3 ล้านกิโลเมตร", "ค่าตัวเลื่อนด้านขวา": "79%" }, "ภาพ": { "จานสี": [ { "ชื่อ": "สีขาวสว่าง", "ลักษณะ": "ตัวอย่างสีขาวเรืองแสงอ่อนๆ" }, { "ชื่อ": "สีทรายอบอุ่น", "ลักษณะ": "ตัวอย่างสีเบจครีม" }, { "ชื่อ": "สีพลัมอ่อน", "ลักษณะ": "ตัวอย่างสีม่วงเข้ม" }, { "ชื่อ": "สีน้ำเงินทะเลลึก", "ลักษณะ": "ตัวอย่างสีน้ำเงินดำ" }, { "ชื่อ": "สีน้ำเงินอมดำ", "ลักษณะ": "ตัวอย่างสีน้ำเงินเข้ม" } ], "ดาวเคราะห์": [ { "ชื่อ": "ดาวเคราะห์คล้ายดาวพฤหัสบดี", "ลักษณะ": "ดาวเคราะห์แก๊สยักษ์ลายริ้วที่มีวงแหวนโคจรที่เรียวและสว่าง" }, { "ชื่อ": "หลุมดำ/หลุมวงแหวน", "ลักษณะ": "ศูนย์กลางวงกลมสีเข้มที่มีรัศมีรูปจานสะสมมวลที่สว่าง" }, { "ชื่อ": "ดาวฤกษ์ที่อยู่ไกล", "ลักษณะ": "จุดสีทองขนาดเล็กที่สว่างพร้อมรัศมีจางๆ" } ], "รูปแบบแผนภูมิ": [ "วงแหวนความคืบหน้าแบบวงกลมเรืองแสง", "แผนภูมิเส้นรูปภูเขาแบบมินิมอล", "แถบเลื่อนตัวเลขแนวนอน" ] }, "การพิมพ์": { "หลัก": "แบบอักษร sans-serif เรขาคณิตที่มีสไตล์ ตัวพิมพ์ใหญ่ ระยะห่างระหว่างตัวอักษรกว้าง", "ตัวอย่าง": "ตัวอย่าง Aa สีขาวขนาดใหญ่", "secondary": "แบบอักษร sans-serif ขนาดเล็กและสะอาดตาสำหรับป้ายกำกับและข้อมูล" }, "colorScheme": { "primary": "{argument name=\"accent color\" default=\"Warm Amber Gold\"}", "secondary": "{argument name=\"secondary glow color\" default=\"Deep blue-purple\"}", "surface": "กระจกโปร่งแสงสีดำถ่าน", "text": "สีขาวนวลและสีเทาอ่อน" }, "camera": { "view": "หันหน้าเข้าหามุมมองของโปสเตอร์แบบวางราบ", "composition": "เค้าโครงตารางที่สมดุลพร้อมพื้นที่ว่างมากมายและขอบแผงที่บาง" } }, "การเรนเดอร์": "ภาพเรนเดอร์การออกแบบผลิตภัณฑ์ที่ทันสมัยและประณีตเป็นพิเศษ ความคมชัดสูง พื้นผิวที่ดูหรูหราเหมือนกระจก การแสดงชุด UI ที่ชัดเจน เอฟเฟกต์เบลอและรัศมีที่ละเอียดอ่อน ภาพแนวคิดระดับไฮเอนด์ที่เหมาะสำหรับแอปพลิเคชันไซไฟหรือแดชบอร์ด", "การปรับแต่ง": { "ชื่อผลิตภัณฑ์": "{argument name=\"ชื่อผลิตภัณฑ์\" default=\"องค์ประกอบ UI\"}", "ชื่อธีม": "{argument name=\"ชื่อธีม\" default=\"การสำรวจอวกาศห้วงลึก\"}" } }