สตูดิโอออกแบบ UI ระดับสูง
ออกแบบ UI ระบบดีไซน์ และรีวิวอย่างพิถีพิถัน
สตูดิโอออกแบบ UI ระดับสูง
ออกแบบ UI ระบบดีไซน์ และรีวิวอย่างพิถีพิถัน
พรีวิวเนื้อหา
คำอธิบาย
ผู้เชี่ยวชาญด้านการออกแบบ UI ระดับแนวหน้าสำหรับเว็บ มือถือ และเดสก์ท็อป ช่วยรีวิวและปรับปรุงอินเทอร์เฟซที่มีอยู่ สร้างโค้ด UI ที่นำไปใช้งานได้ จัดทำระบบดีไซน์และสเปกแบบกระชับ รวมถึงสร้างม็อกอัปแนวคิดเชิงภาพ โดยให้ความสำคัญกับคุณภาพงาน การใช้งาน และการเข้าถึงในระดับสูง ทุกผลงานได้รับการออกแบบให้มีเอกลักษณ์แทนที่จะดูเหมือนงานทั่วไป พร้อมลำดับชั้นข้อมูลที่ชัดเจน ระบบภาพที่สอดคล้อง เลย์เอาต์แบบตอบสนอง และการครอบคลุมทุกสถานะอย่างครบถ้วน ใช้วินัยด้านการใช้โทเค็นอย่างเคร่งครัด โดยส่งมอบชิ้นงานโดยตรง ไม่เกริ่นนำ ไม่กล่าวซ้ำ และไม่ใส่เนื้อหาฟุ่มเฟือย ภาษาของผลลัพธ์จะเป็นไปตามภาษาที่ผู้ใช้ใช้
ทักษะที่เกี่ยวข้อง
ดูทั้งหมด
หน้าเว็บDesign-to-Deliverable Studio
เปลี่ยนไอเดียคร่าวๆ โครงร่างเนื้อหา หรือภาพหน้าจออินเทอร์เฟซให้เป็นงานออกแบบที่พร้อมนำไปใช้งานจริง ผ่านเวิร์กโฟลว์ 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 และการตรวจสอบเครื่องหมายการค้าทางกฎหมายยังคงต้องอาศัยการตรวจสอบโดยมนุษย์
คู่หูผู้เชี่ยวชาญ SwiftUI
ผู้ช่วยด้านวิศวกรรมระดับมืออาชีพสำหรับนักพัฒนา SwiftUI ครอบคลุมงาน SwiftUI ในแต่ละวันอย่างครบถ้วน ตั้งแต่การวิเคราะห์และแก้ไขปัญหา การตัดสินใจด้านสถาปัตยกรรม การออกแบบการประกอบ View และการจัดการสถานะ การสร้างฟีเจอร์ใหม่ การรีวิวและเพิ่มประสิทธิภาพโค้ดเดิม ไปจนถึงการใช้แนวทางปฏิบัติที่ทันสมัยของ SwiftUI เช่น Swift 6 concurrency, เฟรมเวิร์ก Observation และ NavigationStack รวมถึงการเพิ่มประสิทธิภาพ การเข้าถึง และแนวทาง Human Interface ของ Apple ปรับระดับความละเอียดให้เหมาะกับงาน โดยให้คำแนะนำแก้ไขแบบกระชับสำหรับปัญหาเล็ก ๆ และจัดทำรายงานด้านวิศวกรรมฉบับเต็มสำหรับปัญหาซับซ้อน ซึ่งประกอบด้วยการวินิจฉัย เหตุผลด้านสถาปัตยกรรม โค้ด ข้อแลกเปลี่ยน และการตรวจสอบตนเอง มุ่งส่งคืนโค้ด SwiftUI ที่คอมไพล์ได้ ทันสมัย พร้อมใช้งานจริง และตอบกลับด้วยภาษาของผู้ใช้
แก้งาน UI/UX แอปพลิเคชัน
เปลี่ยนภาพหน้าจอแอป Android และ iOS ที่มีอยู่ให้เป็นการปรับปรุง UI/UX ที่ชัดเจน ซึ่งนักพัฒนาของคุณสามารถนำไปใช้งานได้จริง สำหรับแต่ละการเปลี่ยนแปลง คุณจะได้รับ: • ภาพตัวอย่างสะอาดตาที่แสดงผลลัพธ์ที่เสนอ • ภาพประกอบที่มีการใส่หมายเลขลูกศรตรงกัน • คำสั่งสำหรับการใช้งานที่คัดลอกได้ ซึ่งอธิบายสิ่งที่ต้องเปลี่ยน สิ่งที่ต้องรักษาไว้ วิธีการทำงานของการโต้ตอบ และวิธีตรวจสอบผลลัพธ์ ออกแบบมาสำหรับเจ้าของแอป นักพัฒนา และนักออกแบบที่ทำงานร่วมกับโปรแกรมเมอร์ที่เป็นมนุษย์หรือผู้ช่วยเขียนโค้ด AI รักษาเอกลักษณ์ของแอปพลิเคชันของคุณเป็นค่าเริ่มต้น และมุ่งเน้นไปที่ปัญหาที่คุณต้องการแก้ไข คำนึงถึงหน้าจอขนาดเล็กและขนาดใหญ่ การปรับขนาดข้อความ การเข้าถึง และเลย์เอาต์หลายภาษาแบบ RTL/LTR ภาษาอังกฤษคือภาษาเริ่มต้น ทักษะนี้จะตอบกลับด้วยภาษาของผู้ใช้เมื่อระบุได้ และรักษาภาษาอินเทอร์เฟซของแอปพลิเคชันไว้เว้นแต่จะมีการร้องขอให้แปล ต้องมีความสามารถในการทำความเข้าใจภาพ การสร้างภาพ และการแก้ไขภาพอ้างอิงสำหรับงานภาพที่จัดส่ง สร้างข้อเสนอการออกแบบและคำแนะนำสำหรับนักพัฒนา ไม่ใช่แอปพลิเคชันที่คอมไพล์แล้ว นำไปใช้งานจริง หรือผ่านการทดสอบแล้ว
ข้อมูล
- เวอร์ชัน
- v3
- อัปเดตล่าสุด
- เครดิตในการใช้งาน
- ตามการใช้งานจริง
- โมเดล
- อัตโนมัติ
