เครื่องมือออกแบบ คือเครื่องมือขั้นสุดยอดสำหรับนักออกแบบแอป นักพัฒนา UI/UX และวิศวกร QA ที่ต้องการตรวจสอบ ทดสอบ และยืนยันอินเทอร์เฟซมือถือด้วยความแม่นยำระดับพิกเซล
วางรายละเอียดการออกแบบ ระบบกริดแบบกำหนดเอง แนวทางการแสดงผลหน้าจอ และภาพจำลองลงบนแอปพลิเคชัน Android ที่ใช้งานจริงของคุณ เพื่อตรวจจับข้อผิดพลาดของเลย์เอาต์และความไม่สอดคล้องกันของระยะห่างได้ทันที
ประกาศเปิดตัวเวอร์ชันแรก
นี่คือการเปิดตัวเวอร์ชัน 1.0 อย่างเป็นทางการของเรา! เราสร้างเครื่องมือออกแบบขึ้นมาเพื่อปรับปรุงเวิร์กโฟลว์ QA การออกแบบของคุณให้มีประสิทธิภาพยิ่งขึ้น เนื่องจากนี่เป็นการเปิดตัวเวอร์ชันใหม่ล่าสุด ฟีเจอร์ เครื่องมือ และการปรับปรุงประสิทธิภาพใหม่ๆ ที่น่าตื่นเต้นกำลังจะมาถึง หากคุณมีข้อเสนอแนะหรือคำขอฟีเจอร์ใดๆ โปรดแจ้งให้เราทราบ เรายินดีรับฟังเพื่อร่วมกันพัฒนาการอัปเดตในอนาคต!
คุณสมบัติหลัก
การวางซ้อนภาพจำลอง
การตรวจสอบแบบเคียงข้างกัน: วางซ้อนภาพจำลองการออกแบบของคุณ (PNG/JPG) ลงบนหน้าจอแอปที่ใช้งานจริงของคุณ
การควบคุมความทึบแสง: ปรับความโปร่งใสได้ทันทีเพื่อตรวจสอบระยะห่าง การจัดแนว และขนาดที่ไม่ตรงกัน
โหมดแนวตั้งและแนวนอน: กำหนดภาพจำลองเฉพาะสำหรับอุปกรณ์ทั้งสองทิศทาง
ตัวเลือกการปรับขนาด: สลับระหว่างการปรับให้พอดีกับความกว้างหรือปรับให้พอดีกับความสูงเพื่อการจัดแนวที่สมบูรณ์แบบ
ระบบตารางแบบกำหนดเอง
ตารางเค้าโครงที่ยืดหยุ่น: ปรับแต่งความกว้างของเซลล์ ความสูงของเซลล์ ความหนาของเส้น และสี
จุดเริ่มต้นหลายจุด: วาดตารางโดยเริ่มจากมุมบนซ้าย ตรงกลาง หรือพื้นที่ปลอดภัย
หน่วยการตอบสนอง: กำหนดการตั้งค่าตารางโดยตรงในหน่วย dp สำหรับการทดสอบความหนาแน่นของ Android ดั้งเดิม
แนวทางและข้อกำหนดความแม่นยำ
เส้นแนวนอนและแนวตั้ง: เพิ่มเส้นจัดแนวแบบกำหนดเองได้ไม่จำกัดบนหน้าจอใดก็ได้
คำอธิบายประกอบแบบโต้ตอบ: วัดระยะทางและทำเครื่องหมายขนาดขององค์ประกอบ UI โดยตรงบนหน้าจอเป้าหมาย
ตัวบ่งชี้บนหน้าจอ: ดูการวัดระยะห่างแบบเรียลไทม์และค่าออฟเซ็ตที่แม่นยำ
เมตริกและข้อมูลหน้าจออุปกรณ์
DPI และความละเอียดหน้าจอ: ดูความกว้าง/ความสูงของหน้าจอที่ใช้งานอยู่ได้ทันทีในหน่วยพิกเซล (px) และพิกเซลที่ไม่ขึ้นกับความหนาแน่น (dp)
การจัดการหลายโครงการ: บันทึกการกำหนดค่าตารางแบบกำหนดเองและการตั้งค่าแนวทางสำหรับโครงการของลูกค้าที่แตกต่างกัน
เครื่องมือสำหรับนักออกแบบเหมาะสำหรับใคร?
นักออกแบบ UI/UX: ตรวจสอบให้แน่ใจว่าการใช้งานตรงกับข้อกำหนดของ Figma, Sketch หรือ Adobe XD อย่างแม่นยำทุกพิกเซล
นักพัฒนา Android: ตรวจสอบระยะขอบ ระยะห่าง และข้อจำกัดของเค้าโครงส่วนประกอบได้เร็วขึ้นโดยไม่ต้องถ่ายภาพหน้าจออยู่ตลอดเวลา
วิศวกร QA และผู้ทดสอบ: เร่งความเร็วในการตรวจสอบ QA การออกแบบและบันทึกข้อบกพร่องของเลย์เอาต์ด้วยหลักฐานภาพที่ชัดเจน
ความเป็นส่วนตัวและการอนุญาต
Designer Tools อาศัยสิทธิ์ Display Over Other Apps (SYSTEM_ALERT_WINDOW) เพื่อแสดงเส้นตาราง เส้นบอกแนว และแบบจำลองได้อย่างราบรื่นบนแอปอื่นๆ
ความเป็นส่วนตัวมาก่อน: Designer Tools ไม่รวบรวม จัดเก็บ หรือแบ่งปันข้อมูลส่วนบุคคล การใช้งานแอป หรือไฟล์การออกแบบของคุณ ข้อมูลที่ซ้อนทับและข้อมูลโครงการทั้งหมดจะถูกจัดเก็บไว้ในอุปกรณ์ของคุณ
ดาวน์โหลด Designer Tools วันนี้เพื่อเพิ่มความแม่นยำระดับพิกเซลให้กับเวิร์กโฟลว์ Android ของคุณ และติดตามการอัปเดตเป็นประจำ!
วางตารางออกแบบ เส้นบอกแนว และภาพจำลองลงบนแอปพลิเคชัน Android ใดก็ได้