ตัวออกแบบตราสัญลักษณ์

ตัวออกแบบตราสัญลักษณ์ (Badge Designer) คือตัวแก้ไขแบบแคนวาสสามคอลัมน์ที่อยู่ภายใน badges.ninja ช่วยให้คุณสร้างภาพตราสัญลักษณ์ระดับมืออาชีพได้โดยไม่ต้องใช้เครื่องมือออกแบบภายนอก

ภาพรวม

ตัวออกแบบเปิดขึ้นภายในหน้าต่าง Create / Edit Badge โดยตรง ประกอบด้วยสามส่วน:

• แถบด้านซ้าย (Left rail) — สลับแผงตรงกลางระหว่าง Templates, Uploads, Elements, Text, Attributes, QR Codes และ Layers
• แผงเครื่องมือ (Panel) — เครื่องมือของโหมดที่เลือกบนแถบด้านซ้าย
• แคนวาส (Canvas) — ตัวอย่างตราสัญลักษณ์แบบสดที่แก้ไขได้ ทุกสิ่งที่คุณเพิ่มเป็นออบเจ็กต์จริงที่เลือกได้ ย้าย เปลี่ยนสไตล์ จัดลำดับใหม่ หรือลบได้

รายละเอียดตราสัญลักษณ์ (ผู้ออก ชื่อ คำอธิบาย เกณฑ์ และข้อความแชร์) อยู่ใต้แคนวาสโดยตรง การออกแบบและข้อมูลรับรองจึงอยู่ในหน้าต่างเดียวกัน ไม่มีขั้นตอนแยกต่างหาก

เริ่มจากเทมเพลต

คลิก Templates บนแถบด้านซ้ายเพื่อเลือกดูดีไซน์ที่มีให้ในตัว กลุ่ม Recognition ให้ตราสัญลักษณ์มืออาชีพที่จัดองค์ประกอบครบถ้วน ได้แก่ กรอบรูปทรงพร้อมข้อความตัวอย่างที่แก้ไขได้ (องค์กร ชื่อเรื่อง ชื่อรอง และตราประทับยืนยัน) ใน 8 โทนสี (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite) ใช้ตัวกรอง Category เพื่อย่อรายการ หรือเลือก Blank canvas เพื่อเริ่มจากศูนย์

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

Elements — รูปทรง ไอคอน ริบบิ้น และพื้นหลัง

แผง Elements ช่วยซ้อนกราฟิกบนตราสัญลักษณ์ของคุณ:

• Lines — เส้นแนวนอน / แนวตั้ง
• Shapes — สี่เหลี่ยมผืนผ้าแบบทึบและแบบเส้นขอบ สี่เหลี่ยมมุมมน วงกลม และสามเหลี่ยม
• Icons — ไอคอนภาพสัญลักษณ์ 70 แบบ (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy และอีกมากมาย) ค้นหาได้
• Ribbons — ริบบิ้นตกแต่งซ้อนทับ 28 แบบ จัดกลุ่มเป็น Straight / Pointed / Tails / Decorative
• Bases — รูปทรงฐานที่เปลี่ยนสีได้ 80 แบบในหลายหมวด (วงกลม โล่ หกเหลี่ยม ดาว เหรียญ ตราประทับ พวงหรีด แบนเนอร์ และเรขาคณิต)

ไอคอน ริบบิ้น และฐานทุกชิ้นจะถูกแทรกใน สีปัจจุบัน และเปลี่ยนสีได้ทุกเมื่อ

รูปทรงพื้นหลัง

Elements → Background shapes มีกรอบสำเร็จรูป 68 แบบ (ไลบรารีรูปทรง × โทนสี) การใช้กรอบหนึ่งจะสลับกรอบพื้นหลังของตราสัญลักษณ์ โดย ข้อความและองค์ประกอบของคุณยังคงอยู่ด้านบน สะดวกเมื่อคุณต้องการชุดรูปทรง/สีที่เฉพาะเจาะจงโดยไม่ใช้เทมเพลตที่จัดองค์ประกอบมาแล้ว

อัปโหลดรูปภาพของคุณเอง

ใช้แผง Uploads เพื่อเพิ่มโลโก้ รูปถ่าย หรือกราฟิกของคุณเอง รองรับ PNG, JPEG และ SVG ขนาดไม่เกิน 5 MB รูปภาพจะถูกแทรกเป็นออบเจ็กต์ด้านหน้าตามปกติ ซ้อนอยู่บนดีไซน์และไม่ลบพื้นหลัง หากต้องการเปลี่ยนพื้นหลังของตราสัญลักษณ์ ให้เลือกเทมเพลตหรือรูปทรงพื้นหลังแทน

เพิ่มและจัดสไตล์ข้อความ

แผง Text มีให้เลือกดังนี้:

• Add heading / subheading / normal text — ออบเจ็กต์ข้อความที่กำหนดขนาดไว้แล้ว
• Combinations — ชุดข้อความสำเร็จรูป เช่น Certificate of Achievement, Awarded to หรือ Verify at โดยแต่ละบรรทัดยังแก้ไขแยกกันได้

เมื่อเลือกออบเจ็กต์ข้อความใดก็ตาม แถบเครื่องมือตามบริบท จะปรากฏเหนือแคนวาส:

• Font — ไลบรารี ฟอนต์ 50 แบบ จัดกลุ่มเป็น Sans, Serif, Handwriting, Mono และ System เลือกจากดรอปดาวน์ โดยแต่ละตัวเลือกแสดงตัวอย่างด้วยฟอนต์ของตัวเอง
• + Font — อัปโหลดฟอนต์ประจำแบรนด์ (TTF, WOFF, WOFF2, OTF) สำหรับเซสชันปัจจุบัน
• Font size — ตัวปรับ − / + (หรือพิมพ์ตัวเลข) ปรับขนาดข้อความที่เลือกได้อย่างแม่นยำ โดยไม่ต้องลากที่จับ
• Colour — กำหนดสีเติมของข้อความที่เลือก (และสีเริ่มต้นสำหรับรูปทรง/ไอคอนใหม่ที่แทรก)
• Alignment — ปุ่มหกปุ่มจัดวางส่วนที่เลือกชิดซ้าย / กึ่งกลาง / ชิดขวา และชิดบน / กึ่งกลาง / ชิดล่างเทียบกับแคนวาส

แอตทริบิวต์แบบไดนามิก

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

รหัส QR

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

เลเยอร์

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

เลิกทำ / ทำซ้ำ (Ctrl+Z / Ctrl+Shift+Z) ย้อนดูการเปลี่ยนแปลง 20 ครั้งล่าสุด และ เส้นช่วยจัดแนว แบบประจะปรากฏเมื่อคุณลากออบเจ็กต์ไปใกล้กึ่งกลางแคนวาส

บันทึกตราสัญลักษณ์

ไม่มีขั้นตอน "ส่งออก" แยกต่างหาก เมื่อดีไซน์และรายละเอียดพร้อมแล้ว:

• Create Badge จับภาพแคนวาสเป็น PNG อัปโหลดไปยัง CDN รูปภาพของเรา (Amazon S3 ให้บริการภายใต้ URL แบบ content-addressed ที่ไม่เปลี่ยนแปลง) และบันทึกตราสัญลักษณ์พร้อมดีไซน์ที่แก้ไขได้ ดังนั้นเมื่อเปิดตราสัญลักษณ์อีกครั้งจะได้เลเยอร์แต่ละชั้นกลับมาเพื่อแก้ไขต่อ
• Save Draft เก็บตราสัญลักษณ์ที่ยังทำไม่เสร็จไว้ฝั่งเซิร์ฟเวอร์ (ใช้ข้ามอุปกรณ์ได้) ฉบับร่างจะแสดงในรายการ Badges ของคุณพร้อมเครื่องหมาย Draft และคุณหยิบกลับมาทำต่อภายหลังได้

เคล็ดลับการออกแบบตราสัญลักษณ์ที่ดี

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