บอร์ดนำเสนอระบบ UI/UX ในโหมดมืดที่ออกแบบมาอย่างประณีต โดดเด่นด้วยธีมผีเสื้อเรืองแสง เหมาะสำหรับกรณีศึกษาด้านการออกแบบ ปกพอร์ตโฟลิโอ และการจัดแสดงระบบสไตล์
{"type":"บอร์ดจัดแสดงระบบ UI/UX","theme":"โหมดมืด, แรงบันดาลใจจากธรรมชาติ, สุนทรียศาสตร์สีรุ้งเรืองแสง","language":"จีน","canvas":{"aspect_ratio":"โปสเตอร์สี่เหลี่ยมจัตุรัส","background":"สีน้ำเงินเข้มมิดไนท์ถึงสีดำพร้อมแสงเรืองรองอ่อนๆ","style":"บอร์ดนำเสนอระดับพรีเมียมสไตล์ล้ำสมัย พร้อมเส้นขอบแผงสีฟ้าอมเขียวนีออนบางๆ ไฮไลท์เงางาม แสงฟุ้งนุ่มนวล และคอนทราสต์สูง"},"header":{"title":"自然灵感 UI\n蝴蝶虹彩\nUI/UX 设计系统","description":"从蝴蝶翅膀中汲取灵感,将结构色的虹彩光泽与深邃蓝融入界面设计,创造轻盈、灵动、充满生命力的数字体验。","hero_image":"ปีกผีเสื้อเรืองแสงขนาดใหญ่ที่มีรายละเอียดสูงในโทนสีฟ้าไฟฟ้า สีม่วง และสีฟ้าอมเขียวสีรุ้ง เติมเต็มพื้นที่ครึ่งบนด้านขวา พร้อมโครงสร้างเส้นปีกที่มองเห็นได้ ขอบโปร่งแสง อนุภาคคล้ายประกายไฟ และปีกที่สองที่เบลออยู่ด้านหลัง"},"layout":{"sections":[{"title":"1. แรงบันดาลใจในการออกแบบ","position":"ซ้ายบนใต้ส่วนหัว","count":4,"labels":["ภาพมาโครปีกผีเสื้อสีรุ้ง","ภาพระยะใกล้ของพื้นผิวปีกสีน้ำเงิน-ม่วง","แสงหักเหผ่านปริซึม","ลวดลายเซลล์บนปีกผีเสื้อ"]},{"title":"2. คำสำคัญ","position":"ขวาบนใต้ภาพหลัก","count":5,"labels":["สีรุ้ง","ความคล่องตัว","ความเบา","ความลึกซึ้ง","ธรรมชาติ"],"icon_style":"ไอคอนเส้นเรืองแสงเรียบง่ายภายในกรอบการ์ดสีเข้ม"},{"title":"3. ระบบสี","position":"ซ้ายกลาง","subsections":[{"title":"สีหลัก","count":3,"labels":["สีน้ำเงิน Morpho #1E5BFF","สีม่วงสีรุ้ง #7A5CFF","สีฟ้าแสงท้องฟ้า #00E6FF"]},{"title":"สีกลาง","count":3,"labels":["สีดำมิดไนท์ #060F19","สีน้ำเงินเนวี่นุ่มนวล #141A2E","สีขาวมุก #F3F6FC"]},{"title":"สีเน้นและสีไล่ระดับ","count":2,"labels":["ความเงางามสีรุ้ง","แสงผีเสื้อ"]}],"visual":"ตัวอย่างสีวงกลมและทรงกลมไล่ระดับสีพร้อมป้ายกำกับภาษาจีนด้านล่าง"},{"title":"4. การจัดพิมพ์","position":"ขวากลาง","count":1,"labels":["Aa Poppins Light / Regular / Medium / SemiBold"],"visual":"ตัวอักษร Aa สีขาวขนาดใหญ่บนการ์ดสีเข้ม"},{"title":"5. ไอคอนแอปพลิเคชัน","position":"ซ้ายกลาง","count":1,"text":"Winglet 轻盈。灵动。优雅。","visual":"ไอคอนแอปผีเสื้อเรืองแสงข้างชื่อแอป"},{"title":"6. ส่วนประกอบ UI","position":"ตรงกลาง","subsections":[{"title":"ปุ่ม","count":3,"labels":["ปุ่มหลัก","ปุ่มรอง","พื้นผิวกระจก"]},{"title":"ไอคอน","count":2,"labels":["ไอคอนรูปหัวใจ","วงแหวนเรืองแสง"]},{"title":"สวิตช์","count":1,"labels":["สวิตช์เปิด-ปิด"]}],"visual":"ปุ่มสีฟ้าทรงมน ปุ่มไอคอนนีออน และสวิตช์เรืองแสงบนแผงสีเข้ม"},{"title":"องค์ประกอบอื่นๆ","position":"ขวากลาง","count":4,"labels":["ช่องค้นหา","ป้าย New","แถบความคืบหน้า (72%)","การ์ด Blue Morpho"],"visual":"วิดเจ็ต UI ขนาดเล็กในการ์ดแนวนอนขนาดกะทัดรัด"},{"title":"7. UI สำหรับมือถือ","position":"ซ้ายล่าง","count":3,"labels":["หน้าค้นหา","หน้า Today พร้อมภาพประกอบผีเสื้อขนาดใหญ่","หน้าเล่นเสียงพร้อมกราฟคลื่น"],"visual":"ภาพจำลองสมาร์ทโฟนสามเครื่องที่มีมุมมน อินเทอร์เฟซสีเข้ม และภาพผีเสื้อสีน้ำเงิน-ม่วง"},{"title":"8. ตัวอย่างการออกแบบเว็บ","position":"ขวาล่าง","count":1,"labels":["光之生命"],"visual":"ภาพจำลองหน้า Landing Page บนเดสก์ท็อปที่มีภาพหลักเป็นผีเสื้อ แถบนำทางด้านบน ปุ่ม Call-to-action สีฟ้าสดใส และข้อความภาษาจีน"},{"title":"9. พื้นหลังภาพ","position":"ด้านล่างเต็มความกว้าง","count":4,"labels":["พื้นหลังริบบิ้นแสงไหลลื่น 1","กระแสน้ำวนสีรุ้ง","พื้นหลังริบบิ้นแสงไหลลื่น 2","แสงระยิบระยับแบบผลึก"],"visual":"ตัวอย่างพื้นหลังสี่เหลี่ยมผืนผ้าสี่แบบในโทนสีม่วง น้ำเงิน และฟ้าอมเขียว"}],"footer":{"count":1,"text":"源于自然的设计,为体验而生。","center_icon":"ไอคอนผีเสื้อขนาดเล็ก"}},"art_direction":{"materials":"Glassmorphism, แสงขอบนีออน, การไล่ระดับสีที่นุ่มนวล, การสะท้อนที่ละเอียดอ่อน","colors":"สีน้ำเงินไฟฟ้า, สีคราม, สีม่วง, สีฟ้าอมเขียว, สีขาว","composition":"ตารางที่สะอาดตาพร้อมส่วนเนื้อหา 9 ส่วนที่มีหมายเลขกำกับ ระยะห่างที่เหมาะสม ขอบมนบางๆ และภาพหลักที่เป็นผีเสื้อ","render_quality":"งานขัดเกลาคุณภาพสูง ตัวอักษรคมชัด บอร์ดระบบดีไซน์ระดับพรีเมียมสไตล์ Behance"}}