บอร์ดระบบออกแบบ UI โหมดสว่าง (Light Mode)

สร้างสรรค์งานนำเสนอระบบออกแบบ UI ที่ครอบคลุม ทั้งชุดสี การพิมพ์ ส่วนประกอบ และม็อคอัพแบบตอบสนอง (Responsive) ในสไตล์ล้ำสมัยและมีความเหลือบเงาแบบสีรุ้ง

พรอมต์

{ "type": "บอร์ดนำเสนอระบบออกแบบ UI", "theme": "วิทยาศาสตร์เชิงแสงและการหักเหของแสง", "overall_aesthetic": "พื้นหลังสีขาวสะอาดตา, โหมดสว่าง, ล้ำสมัย, พรีเมียม, โดดเด่นด้วยการเน้น สีรุ้งเหลือบ, สีส้มพาสเทล, สีเหลือง, สีฟ้าไซแอน, สีม่วง, สีชมพู", "header": { "title": "LIGHTCORE PRISM", "subtitle": "ระบบออกแบบ UI - โหมดสว่าง", "tags": ["ล้ำสมัย", "พรีเมียม", "เน้นความสำคัญ"], "hero_graphic": "วงแหวนแก้วใส 3D ที่หักเหแสงสีรุ้ง" }, "layout": { "sections": [ { "title": "สี (COLOR)", "count": 5, "labels": ["สีขาว #FFFFFF", "สีหิมะ #FAFAFC", "สีเทาสเลต #F2F4F8", "สีขอบ #E6E8EF", "สีดำ #0A0A0C"], "description": "ตัวอย่างสีทึบ 5 สีในรูปทรงสี่เหลี่ยมมุมมน" }, { "title": "การไล่เฉดสีแบบปริซึม (PRISM GRADIENTS)", "count": 1, "description": "แถบไล่เฉดสีแนวนอนยาว 1 แถบ พร้อมรหัสสี Hex 5 รหัสที่ด้านล่าง" }, { "title": "การพิมพ์ (TYPOGRAPHY)", "description": "ตัวอักษร 'Aa' ขนาดใหญ่ พร้อมน้ำหนักฟอนต์ 4 ระดับ (Light, Regular, Medium, Semibold) และตัวอักษร/ตัวเลขครบชุด" }, { "title": "ไอคอน (ICONOGRAPHY)", "count": 12, "description": "ไอคอนลายเส้นมินิมอล 12 รูป จัดวางในตาราง 2x6" }, { "title": "ปุ่ม (BUTTONS)", "count": 8, "categories": ["หลัก", "รอง", "ข้อความ", "ไอคอน"], "description": "ปุ่มทั้งหมด 8 ปุ่ม แสดงสถานะปกติและสถานะปิดใช้งานสำหรับแต่ละหมวดหมู่ ปุ่มหลักมีขอบเหลือบสีรุ้งและข้อความ เริ่มต้นใช้งาน" }, { "title": "การนำทาง (NAVIGATION)", "count": 2, "variants": ["เดสก์ท็อป", "มือถือ"], "description": "แถบนำทางเดสก์ท็อปประกอบด้วยโลโก้, ลิงก์ข้อความ 4 ลิงก์, ช่องค้นหา, ปุ่มเข้าสู่ระบบ และปุ่มกด แถบนำทางมือถือประกอบด้วยโลโก้, ช่องค้นหา และเมนูแฮมเบอร์เกอร์" }, { "title": "ส่วนประกอบ (COMPONENTS)", "count": 6, "items": [ "การ์ด: 'Photon Engine' พร้อมกราฟิกสีเหลือบแบบนามธรรมและปุ่ม", "ช่องกรอกข้อมูล: แถบค้นหาและช่องกรอกอีเมลพร้อมป้ายกำกับ", "แถบความคืบหน้า: แถบความคืบหน้าสีเหลือบที่ 68%", "แท็บ: ภาพรวม, การวิเคราะห์, การตั้งค่า", "สวิตช์เปิด/ปิด: 2 สวิตช์ (เปิด/ปิด)", "การแสดงข้อมูล: แผนภูมิโดนัท 1 วงพร้อมคำอธิบาย 3 รายการ, แผนภูมิเส้น 1 เส้นแสดงข้อมูล 7 วัน" ] }, { "title": "หน้าเว็บ (WEB PAGE) ", "description": "ม็อคอัพเบราว์เซอร์บนเดสก์ท็อปประกอบด้วยส่วนหัว 'สร้างอนาคตด้วยแสงและสี', ปุ่ม 2 ปุ่ม, กราฟิกคลื่น 3D สีเหลือบที่พริ้วไหว และโลโก้พันธมิตร 5 รายที่ด้านล่าง" }, { "title": "แอปมือถือ (MOBILE APP)", "description": "ม็อคอัพสมาร์ทโฟนแสดงยอดเงินคงเหลือ $24,880, แผนภูมิเส้น, ไอคอนการดำเนินการด่วน 4 รายการ, รายการกิจกรรมล่าสุด 3 รายการ และแถบนำทางด้านล่างที่มีไอคอน 4 รายการ" } ] } }