คำอธิบาย

เปลี่ยนไอเดียคร่าวๆ โครงร่างเนื้อหา หรือภาพหน้าจออินเทอร์เฟซให้เป็นงานออกแบบที่พร้อมนำไปใช้งานจริง ผ่านเวิร์กโฟลว์ 8 ขั้นตอนที่เป็นระบบ ### เหมาะสำหรับ ผู้ก่อตั้ง ผู้จัดการผลิตภัณฑ์ นักการตลาด นักการศึกษา ครีเอเตอร์ และนักพัฒนาที่ต้องการงานออกแบบที่เข้าถึงได้และโค้ดส่วนหน้าเว็บที่สะอาด โดยไม่ต้องคอยปรับแต่งคำสั่งซ้ำๆ ### สิ่งที่ต้องเตรียม - เป้าหมายการออกแบบและกลุ่มเป้าหมายของคุณ (หน้าแรกของเว็บไซต์ SaaS, แดชบอร์ด, UI มือถือ, แผ่นงานพิมพ์ได้, กราฟิกโซเชียล, โปสเตอร์ หรือชุดแบรนด์) - ข้อความ เนื้อหา ขนาด สีแบรนด์ หรือภาพตัวอย่างที่จำเป็น (หากละไว้ ระบบจะใช้ค่าเริ่มต้นที่เหมาะสมและแจ้งให้ทราบ) ### วิธีการทำงาน 1. **บรีฟและกลยุทธ์**: ดึงข้อมูลเป้าหมายและข้อจำกัดของคุณ ตรวจพบข้อขัดแย้งของสเปกตั้งแต่เนิ่นๆ และเลือกกลยุทธ์ที่เหมาะสม (การแปลงผู้ใช้, ประสิทธิภาพการทำงาน, การอ่าน/การพิมพ์ หรือเน้นการเข้าถึง) 2. **ระบบภาพ**: ล็อคพาเล็ตสีเชิงความหมาย (พร้อมคำนวณความตัดกันตามมาตรฐาน WCAG 2.2 AA), สเกลตัวอักษรแบบโมดูลาร์ และกริด 4px/8px 3. **การผลิตและการสำรองข้อมูลอัจฉริยะ**: สร้าง HTML5/CSS3 เชิงความหมาย, เวกเตอร์ SVG ที่ปรับขนาดได้, เลย์เอาต์แผ่นงานพร้อมพิมพ์ (`@page` / `@media print`) และโทนสี W3C รวมถึงชุดคำสั่งสร้างภาพเดี่ยว 3 รูปแบบ 4. **การตรวจสอบคุณภาพ 4 สถานะอย่างตรงไปตรงมา**: ตรวจสอบความตัดกัน ป้ายกำกับ ลิงก์ และเรขาคณิตสิ่งพิมพ์ โดยระบุสถานะเป็น `VERIFIED`, `NOT VERIFIED`, `FAILED` หรือ `NOT APPLICABLE` ### สิ่งที่คุณจะได้รับ - บรีฟการออกแบบที่กระชับและตารางโทนสีระบบภาพ - ไฟล์ HTML/CSS/SVG หรือเลย์เอาต์สำหรับพิมพ์ที่พร้อมใช้งาน - รายงานการตรวจสอบคุณภาพ 4 สถานะพร้อมคำแนะนำในการแก้ไขและส่งออก ### ขอบเขตการทำงาน สร้างรูปแบบไฟล์เปิด (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) ที่สามารถนำเข้าสู่ Figma หรือ Illustrator ได้ แทนที่จะเป็นไฟล์ปิด (`.fig`, `.psd`) การพิมพ์เชิงพาณิชย์ระบบ CMYK และการตรวจสอบเครื่องหมายการค้าทางกฎหมายยังคงต้องอาศัยการตรวจสอบโดยมนุษย์