Trình thiết kế huy hiệu

Trình thiết kế huy hiệu là trình chỉnh sửa canvas trực quan ba cột được tích hợp sẵn trong badges.ninja, cho phép bạn tạo hình ảnh huy hiệu chuyên nghiệp mà không cần công cụ thiết kế bên ngoài.

Tổng quan

Trình thiết kế mở ngay trong cửa sổ Create / Edit Badge. Nó gồm ba phần:

• Thanh bên trái — chuyển bảng ở giữa giữa các chế độ Templates, Uploads, Elements, Text, Attributes, QR Codes và Layers.
• Bảng điều khiển — các công cụ của chế độ đang chọn trên thanh bên trái.
• Canvas — bản xem trước trực tiếp, có thể chỉnh sửa của huy hiệu. Mọi thứ bạn thêm vào đều là một đối tượng có thể chọn được, bạn có thể di chuyển, đổi kiểu, sắp xếp lại thứ tự hoặc xóa.

Thông tin huy hiệu (Issuer, Name, Description, Criteria và Share Text) nằm ngay bên dưới canvas, nên thiết kế và thông tin chứng chỉ cùng nằm trong một cửa sổ — không có bước riêng nào.

Bắt đầu từ mẫu

Nhấp Templates trên thanh bên trái để duyệt các thiết kế có sẵn. Dòng Recognition cung cấp một huy hiệu chuyên nghiệp được dựng hoàn chỉnh — một khung có hình dạng cùng văn bản giữ chỗ có thể chỉnh sửa (tổ chức, tiêu đề, phụ đề và con dấu xác minh) — với tám bảng màu (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Dùng bộ lọc Category để thu hẹp danh sách, hoặc Blank canvas để bắt đầu từ đầu.

Nhấp vào một mẫu để áp dụng. Văn bản của mẫu trở thành các lớp bình thường, có thể chỉnh sửa hoặc xóa — không có gì bị "đóng cứng".

Elements — hình dạng, biểu tượng, ruy băng và nền

Bảng Elements xếp các đồ họa lên trên huy hiệu của bạn:

• Lines — đường kẻ ngang / dọc.
• Shapes — hình chữ nhật, hình chữ nhật bo góc, hình tròn và hình tam giác, loại đặc và loại chỉ có viền.
• Icons — 70 biểu tượng hình ảnh (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy và nhiều biểu tượng khác), có thể tìm kiếm.
• Ribbons — 28 lớp phủ ruy băng trang trí, nhóm thành Straight / Pointed / Tails / Decorative.
• Bases — 80 hình đế có thể đổi màu theo nhiều danh mục (hình tròn, khiên, lục giác, ngôi sao, huy chương, con dấu, vòng nguyệt quế, banner, hình học).

Mọi biểu tượng, ruy băng và đế đều được chèn bằng màu hiện tại và có thể đổi màu bất cứ lúc nào.

Hình nền

Elements → Background shapes chứa 68 khung dựng sẵn (thư viện hình dạng × bảng màu). Áp dụng một khung sẽ thay khung nền của huy hiệu trong khi vẫn giữ văn bản và các phần tử của bạn ở trên — tiện khi bạn muốn một tổ hợp hình dạng/màu sắc cụ thể mà không cần mẫu dựng sẵn.

Tải lên hình ảnh tùy chỉnh

Dùng bảng Uploads để thêm logo, ảnh hoặc đồ họa của riêng bạn. Chấp nhận PNG, JPEG và SVG, tối đa 5 MB. Hình ảnh được chèn như một đối tượng tiền cảnh bình thường — nó xếp chồng lên trên thiết kế và không bao giờ xóa nền. Để đổi nền huy hiệu, hãy chọn một mẫu hoặc một hình nền.

Thêm và định dạng văn bản

Bảng Text cung cấp:

• Add heading / subheading / normal text — các đối tượng văn bản có kích thước định sẵn.
• Combinations — các cụm dựng sẵn như Certificate of Achievement, Awarded to hoặc Verify at — mỗi dòng vẫn có thể chỉnh sửa độc lập.

Chọn bất kỳ đối tượng văn bản nào và thanh công cụ ngữ cảnh sẽ xuất hiện phía trên canvas:

• Font — thư viện 50 phông chữ được nhóm thành Sans, Serif, Handwriting, Mono và System. Chọn một phông từ danh sách thả xuống; mỗi lựa chọn được xem trước bằng chính kiểu chữ của nó.
• + Font — tải lên phông chữ thương hiệu (TTF, WOFF, WOFF2, OTF) cho phiên làm việc hiện tại.
• Font size — bộ tăng giảm − / + (hoặc nhập một số) thay đổi kích thước văn bản đang chọn một cách chính xác mà không cần kéo các tay nắm.
• Colour — đặt màu tô của văn bản đang chọn (và là màu chèn mặc định cho hình dạng/biểu tượng mới).
• Alignment — sáu nút căn lề phần đã chọn sang trái / giữa / phải và trên / giữa / dưới so với canvas.

Thuộc tính động

Bảng Attributes chèn các token động — , , , , , — dưới dạng đối tượng văn bản. Mỗi token được điền theo từng người nhận tại thời điểm cấp, nên một thiết kế duy nhất tự cá nhân hóa cho mọi người bạn cấp. Đây là cách bạn đặt tên người nhận hoặc ngày cấp lên chính huy hiệu.

Mã QR

Bảng QR Codes chèn một mã quét được gắn với . Trên mỗi chứng chỉ được cấp, mã này dẫn tới trang xác minh công khai của chứng chỉ đó, nên bất kỳ ai cũng có thể quét huy hiệu đã in để xác nhận.

Lớp

Bảng Layers liệt kê mọi đối tượng trên canvas. Tại đây bạn có thể sắp xếp lại thứ tự (đưa lên trước / đưa ra sau), ẩn/hiện, chọn và xóa từng lớp. Khung nền được ghim ở dưới cùng và không tương tác, để các phần tử tiền cảnh nhận mọi cú nhấp.

Hoàn tác / Làm lại (Ctrl+Z / Ctrl+Shift+Z) lùi lại qua 20 thay đổi gần nhất, và các đường gióng nét đứt xuất hiện khi bạn kéo một đối tượng gần tâm canvas.

Lưu huy hiệu

Không có bước "xuất" riêng. Khi thiết kế và thông tin đã sẵn sàng:

• Create Badge chụp canvas thành PNG, tải lên CDN hình ảnh của chúng tôi (Amazon S3, phân phối qua URL bất biến định địa chỉ theo nội dung) và lưu huy hiệu cùng thiết kế có thể chỉnh sửa của nó — nên khi mở lại huy hiệu, các lớp riêng lẻ của bạn được khôi phục để tiếp tục chỉnh sửa.
• Save Draft lưu một huy hiệu đang thực hiện dở trên máy chủ (dùng được trên nhiều thiết bị). Các bản nháp xuất hiện trong danh sách Badges của bạn với nhãn Draft, và bạn có thể tiếp tục bất kỳ bản nào sau đó.

Mẹo thiết kế huy hiệu tốt

• Giữ đơn giản — chữ rõ ràng, ít rườm rà. Huy hiệu thường được hiển thị ở kích thước nhỏ.
• Dùng độ tương phản cao — làm cho văn bản dễ đọc trên nền.
• Đặt tên cho chứng chỉ — người xem nên hiểu ngay trong nháy mắt.
• Định dạng vuông — huy hiệu hiển thị đẹp nhất ở dạng vuông.
• Nhất quán thương hiệu — dùng lại màu sắc và phông chữ của tổ chức bạn trên các huy hiệu.
• Lưu các thiết kế dùng lại được — mỗi huy hiệu bạn tạo cũng được lưu thành mẫu của tài khoản để bạn bắt đầu từ đó vào lần sau (xem My Templates).