แก้ข้อความในภาพหน้าจอของแอปหรือเว็บไซต์

เมื่อไรควรแก้ภาพหน้าจอแทนการแคปใหม่

ภาพที่แคปใหม่แสดงอินเทอร์เฟซจริงเสมอ จึงควรแคปใหม่เมื่อเข้าถึงหน้าจอนั้นได้ง่าย การแก้ไขมีประโยชน์เมื่อสถานะที่ต้องการสร้างซ้ำได้ยาก เช่น หน้าจอที่ต้องมีข้อมูลตัวอย่าง ขั้นตอนที่ต้องกดหลายครั้ง เวอร์ชันเก่าที่คุณไม่ได้ใช้งานแล้ว หรือม็อกอัปที่มีอยู่เป็นภาพเท่านั้น

สำหรับการตรวจงานดีไซน์ คุณแสดงป้ายปุ่มหรือหัวข้อที่เสนอไว้ในหน้าจอจริงได้แทนการอธิบายในคอมเมนต์ ทำภาพหนึ่งภาพต่อหนึ่งตัวเลือกถ้อยคำ เพื่อให้ผู้ตรวจเปรียบเทียบในบริบทจริง และระบุว่าแต่ละภาพเป็นข้อเสนอ เพื่อไม่ให้ใครเข้าใจผิดว่าเป็นอินเทอร์เฟซที่เปิดใช้งานจริง

ในเอกสารและบทเรียน เมนูเพียงรายการเดียวที่เปลี่ยนชื่ออาจทำให้ภาพหน้าจอที่ถูกต้องอยู่แล้วสับสนได้ ให้แก้ข้อความในภาพหน้าจอเพื่อให้ตรงกับเวอร์ชันปัจจุบันเท่านั้น โดยใช้ตัวพิมพ์ใหญ่-เล็กและเครื่องหมายวรรคตอนเหมือนอินเทอร์เฟซที่ใช้งานจริง และให้แคปใหม่เมื่อหน้าจอเปลี่ยนมากกว่าแค่ถ้อยคำ

ฟอนต์อินเทอร์เฟซขนาดเล็ก

ข้อความบนอินเทอร์เฟซมักเล็ก บาง และขอบนุ่ม จึงอ่านและทำซ้ำได้ยากกว่าหัวข้อขนาดใหญ่ ยิ่งตัวอักษรแต่ละตัวมีพิกเซลมาก AI ก็ยิ่งมีรายละเอียดให้ใช้มาก จึงควรแคปบนจอความละเอียดสูงหรือซูมให้ใหญ่ขึ้นเมื่อทำได้

ตารางที่แน่น แถบด้านข้าง แผงการตั้งค่า และทูลทิป เป็นที่ที่มีข้อความเล็กที่สุดบนหน้าจอส่วนใหญ่ หากป้ายตรงนั้นยังออกมาไม่สม่ำเสมอแม้ใช้คุณภาพสูง ให้แคปหน้าจอที่สเกลใหญ่ขึ้นหรือย่อถ้อยคำใหม่ให้สั้นลง คำสั้น ๆ คำเดียวมักทำให้ตรงกับของเดิมได้ง่ายกว่าวลีที่ถูกยัดลงในคอลัมน์แคบ

ภาพหน้าจอเป็นภาพแบน จึงไม่มีอะไรจัดเรียงใหม่เมื่อป้ายยาวขึ้น ในอินเทอร์เฟซจริงปุ่มอาจขยายกว้างขึ้นหรือข้อความอาจขึ้นบรรทัดที่สอง แต่ในภาพหน้าจอ ป้ายที่ยาวกว่ามากอาจดูอัดแน่นหรือเบียดไอคอนข้าง ๆ ให้เลือกถ้อยคำที่ไม่ต้องใช้พื้นที่มากกว่าป้ายเดิม หรือแก้ไขที่ไฟล์ดีไซน์ต้นฉบับเมื่อต้องการที่มากขึ้น

สิ่งที่ควรตรวจก่อนแชร์

ข้อความบนอินเทอร์เฟซอยู่ใกล้ไอคอน ขอบ และแบดจ์ การแก้ป้ายอาจเปลี่ยนสิ่งที่อยู่ติดกันด้วย ตรวจแต่ละข้อด้านล่างด้วยแถบเลื่อนเปรียบเทียบ

• ไอคอน ช่องทำเครื่องหมาย และสวิตช์ที่อยู่ข้างป้ายที่เปลี่ยนยังคมชัดและอยู่ที่เดิม
• ขอบปุ่ม เส้นใต้ เส้นขอบโฟกัส และแบดจ์ไม่ขยับหรือเบลอ
• ตัวเลข ข้อความระบุเวอร์ชัน และแป้นพิมพ์ลัดตรงกับอินเทอร์เฟซจริงทุกประการ
• ป้ายใหม่ใช้รูปแบบตัวพิมพ์ใหญ่-เล็กเดียวกับป้ายรอบข้าง
• บรรทัดที่คุณไม่ได้เปลี่ยนเหมือนต้นฉบับทุกประการ