Printer Mode ตกแต่งหน้าจอตู้คิว & เครื่องพิมพ์ • บทที่ 3/6

2.1 ออกแบบหน้าจอปุ่มกดรับคิว (ออกแบบจอพิมพ์)

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

ขั้นตอนการปฏิบัติทีละขั้น

ดูตัวอย่างสดในกล่อง LIVE PREVIEW & อัปโหลดภาพพื้นหลังแนวตั้ง

LIVE PREVIEW

เข้าสู่หน้า Printer Mode Setting แท็บ "1. ออกแบบจอพิมพ์" ด้านบนสุดจะมีกล่อง "ตัวอย่างการแสดงผลหน้าจอตู้กดบัตรคิว (Live Preview)" แสดงผลลัพธ์สดทุกครั้งที่ปรับค่า จากนั้นที่หัวข้อ "1. ภาพพื้นหลังหน้าจอตู้กดบัตรคิว" ให้แตะปุ่ม "Browse..." เพื่ออัปโหลดรูปภาพพื้นหลังแนวตั้ง (Portrait) ประจำร้าน หรือแตะ "คืนค่าเริ่มต้น" เพื่อกลับไปใช้พื้นหลังมาตรฐานของระบบ

ตั้งค่าข้อความคำเชิญชวน ระยะห่างขอบบน (Margin Top) และขนาดฟอนต์

หัวข้อต้อนรับ

ในหัวข้อ "2. ข้อความคำเชิญชวน (Title) และแบบอักษรหัวข้อ" ให้กำหนดประโยคแนะนำลูกค้าด้านบนรายการปุ่มกด (เช่น "กรุณาเลือกบริการ" หรือ "กดรับบัตรคิวที่นี่") ปรับค่าระยะห่างจากขอบบน (Margin Top เช่น 130 พิกเซล) เพื่อไม่ให้ข้อความบังโลโก้ร้านบนภาพพื้นหลัง และแตะเลือกชิปขนาดตัวอักษรสำเร็จรูป 20–40 (หรือระบุตัวเลข 12–50 ได้เอง)

ขั้นตอนที่ 2: ตั้งค่าข้อความคำเชิญชวน ระยะห่างขอบบน (Margin Top) และขนาดฟอนต์ — 2.1 ออกแบบหน้าจอปุ่มกดรับคิว (ออกแบบจอพิมพ์) (Printer Mode) | EaterQ — กำหนดข้อความคำเชิญชวน ปรับระยะห่างจากขอบบน (Margin Top) และแตะเลือกชิปขนาดฟอนต์หัวข้อ 20–40

เลือกแบบอักษรภาษาไทย 10 สไตล์ ทั้งหัวข้อและปุ่มกดคิว

10 ฟอนต์ไทย

เลือกรูปแบบฟอนต์ภาษาไทย 10 สไตล์ที่มีในตัวแอป (Kanit, Sarabun, Prompt, Chakra Petch, Krub, Sriracha, Pattaya, Maitree, Noto Serif Thai และ Kodchasan) และในหัวข้อ "3. แบบอักษรและขนาดฟอนต์ในปุ่มกดคิว" สามารถแตะปุ่มลัด "ใช้ฟอนต์เดียวกับคำเชิญชวน" เพื่อซิงค์ฟอนต์ให้ตรงกันในคลิกเดียว พร้อมเลือกขนาดฟอนต์ปุ่มกด (ชิป 16–32) โดยวงกลมรหัสคิว A, B จะปรับสัดส่วนตามอัตโนมัติ

ขั้นตอนที่ 3: เลือกแบบอักษรภาษาไทย 10 สไตล์ ทั้งหัวข้อและปุ่มกดคิว — 2.1 ออกแบบหน้าจอปุ่มกดรับคิว (ออกแบบจอพิมพ์) (Printer Mode) | EaterQ — เลือกแบบอักษรภาษาไทย 10 สไตล์ พร้อมปุ่มลัด "ใช้ฟอนต์เดียวกับคำเชิญชวน" และชิปขนาดฟอนต์ในปุ่มกด 16–32

ปรับโทนสีปุ่มกด วงกลมรหัสคิว Prefix A, B และระบุรหัสสี #HEX

Color & #HEX

ในหัวข้อ "4. โทนสีข้อความคำเชิญชวนและปุ่มกดคิว (Color Settings)" สามารถเลือกพื้นหลังป้ายคำเชิญชวน ("โปร่งใส" หรือ "มีสีพื้นหลัง") ตั้งค่าสีพื้นหลังปุ่มกด สีตัวอักษรในปุ่ม เส้นขอบปุ่มกด ("ไร้ขอบ" หรือ "แสดงเส้นขอบ") รวมถึงสีพื้นหลังและสีตัวอักษรของวงกลมรหัสคิว A, B โดยแตะปุ่ม "เลือกสี" จากพาเลตต์ 32 เฉดสี หรือพิมพ์รหัสสี #HEX ตาม CI แบรนด์ร้านได้โดยตรง

แตะปุ่ม "บันทึก" มุมขวาบนเพื่อใช้งานดีไซน์บนหน้าตู้คิวทันที

บันทึกใช้งานจริง

เมื่อตรวจสอบความสวยงามในกล่อง LIVE PREVIEW ครบถ้วนแล้ว ให้แตะปุ่มสีส้ม "บันทึก" ที่มุมขวาบนสุดของแถบ Printer Mode Setting ระบบจะบันทึกดีไซน์ลงในตัวเครื่องถาวร ล็อกหน้าจอแนวตั้งให้อัตโนมัติ และแสดงผลโฉมใหม่บนหน้าจอตู้กดบัตรคิวหน้าร้านทันทีเมื่อกดย้อนกลับ

ขั้นตอนที่ 5: แตะปุ่ม "บันทึก" มุมขวาบนเพื่อใช้งานดีไซน์บนหน้าตู้คิวทันที — 2.1 ออกแบบหน้าจอปุ่มกดรับคิว (ออกแบบจอพิมพ์) (Printer Mode) | EaterQ — แตะปุ่มสีส้ม "บันทึก" มุมขวาบนของแถบ Printer Mode Setting เพื่อบันทึกและแสดงผลบนตู้กดบัตรคิวหน้าร้านทันที

สรุปจุดสำคัญที่ควรรู้

มีกล่อง LIVE PREVIEW ด้านบนสุด แสดงผลภาพพื้นหลัง ฟอนต์ และสีปุ่มกดแบบเรียลไทม์ก่อนกดบันทึก
รองรับฟอนต์ภาษาไทย 10 สไตล์ในตัวแอป พร้อมปุ่มลัดซิงค์ฟอนต์ปุ่มกดให้ตรงกับคำเชิญชวนในคลิกเดียว
กำหนดโทนสีแยกอิสระครบทุกจุด ทั้งป้ายหัวข้อ ปุ่มกด เส้นขอบ และวงกลมรหัสคิว A, B ด้วยพาเลตต์ 32 สี หรือรหัส #HEX
ปรับระยะห่างจากขอบบน (Margin Top) ได้ละเอียด เพื่อให้ปุ่มกดไม่ทับโลโก้ร้านบนภาพพื้นหลังแนวตั้ง

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

ดูแพ็กเกจอัปเกรดร้านค้า