Skip to content

Σχεδιαστής ψηφιακών σημάτων ​

Ο Σχεδιαστής ψηφιακών σημάτων είναι ένας οπτικός επεξεργαστής καμβά τριών στηλών ενσωματωμένος στο badges.ninja, ο οποίος σας επιτρέπει να δημιουργείτε επαγγελματικές εικόνες σημάτων χωρίς εξωτερικά εργαλεία σχεδίασης.

Ο επεξεργαστής σημάτων τριών στηλών — αριστερή γραμμή, πάνελ και καμβάς — με τις λεπτομέρειες του σήματος από κάτω

Επισκόπηση ​

Ο σχεδιαστής ανοίγει μέσα στο παράθυρο Create / Edit Badge. Αποτελείται από τρία μέρη:

  • Αριστερή γραμμή — εναλλάσσει το μεσαίο πάνελ ανάμεσα σε Templates, Uploads, Elements, Text, Attributes, QR Codes και Layers.
  • Πάνελ — τα εργαλεία του επιλεγμένου τρόπου λειτουργίας της γραμμής.
  • Καμβάς — μια ζωντανή, επεξεργάσιμη προεπισκόπηση του σήματος. Ό,τι προσθέτετε είναι πραγματικό, επιλέξιμο αντικείμενο που μπορείτε να μετακινήσετε, να αλλάξετε στιλ, να αναδιατάξετε ή να διαγράψετε.

Οι λεπτομέρειες του σήματος (Εκδότης, Όνομα, Περιγραφή, Κριτήρια και το Κείμενο κοινοποίησης) βρίσκονται ακριβώς κάτω από τον καμβά, ώστε ο σχεδιασμός και οι πληροφορίες του διαπιστευτηρίου να βρίσκονται μαζί σε ένα παράθυρο — δεν υπάρχει ξεχωριστό βήμα.

Έναρξη από πρότυπο ​

Κάντε κλικ στο Templates στη γραμμή για να περιηγηθείτε στα ενσωματωμένα σχέδια. Η οικογένεια Recognition σας δίνει ένα πλήρως συντεθειμένο, επαγγελματικό σήμα — ένα πλαίσιο με σχήμα μαζί με επεξεργάσιμο κείμενο κράτησης θέσης (οργανισμός, τίτλος, υπότιτλος και σφραγίδα επαλήθευσης) — σε οκτώ παλέτες χρωμάτων (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Χρησιμοποιήστε το φίλτρο Category για να περιορίσετε τη λίστα ή το Blank canvas για να ξεκινήσετε από την αρχή.

Κάντε κλικ σε ένα πρότυπο για να το εφαρμόσετε. Το κείμενό του γίνεται κανονικά, επεξεργάσιμα επίπεδα που μπορείτε να αλλάξετε ή να αφαιρέσετε — τίποτα δεν είναι «ψημένο» στο σχέδιο.

Elements — Σχήματα, εικονίδια, κορδέλες και φόντα ​

Το πάνελ 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 — επικεφαλίδες, κείμενο σώματος και έτοιμοι συνδυασμοί

Το πάνελ 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 — δυναμικά tokens που επιλύονται ανά παραλήπτη

Το πάνελ Attributes εισάγει δυναμικά tokens — , , , , , — ως αντικείμενα κειμένου. Κάθε token επιλύεται ανά παραλήπτη τη στιγμή της έκδοσης, ώστε ένα μόνο σχέδιο να εξατομικεύεται για καθέναν στον οποίο το εκδίδετε. Έτσι τοποθετείτε το όνομα του παραλήπτη ή την ημερομηνία έκδοσης πάνω στο ίδιο το σήμα.

Κωδικοί QR ​

Το πάνελ QR Codes εισάγει έναν σαρώσιμο κωδικό συνδεδεμένο με το . Σε κάθε εκδοθέν διαπιστευτήριο επιλύεται στη δημόσια σελίδα επαλήθευσης του διαπιστευτηρίου, ώστε οποιοσδήποτε να μπορεί να σαρώσει το τυπωμένο σήμα για να το επιβεβαιώσει.

Επίπεδα ​

Το πάνελ Layers — αναδιατάξτε, αποκρύψτε ή διαγράψτε κάθε αντικείμενο

Το πάνελ Layers απαριθμεί κάθε αντικείμενο στον καμβά. Από εδώ μπορείτε να αναδιατάξετε (μεταφορά μπροστά / πίσω), να αποκρύψετε/εμφανίσετε, να επιλέξετε και να διαγράψετε κάθε επίπεδο. Το πλαίσιο φόντου είναι καρφιτσωμένο στο κάτω μέρος και παραμένει μη διαδραστικό, ώστε τα στοιχεία προσκηνίου να λαμβάνουν όλα τα κλικ.

Οι ενέργειες Αναίρεση / Επανάληψη (Ctrl+Z / Ctrl+Shift+Z) καλύπτουν τις τελευταίες 20 αλλαγές, και διακεκομμένοι οδηγοί ευθυγράμμισης εμφανίζονται όταν σύρετε ένα αντικείμενο κοντά στο κέντρο του καμβά.

Αποθήκευση του σήματος ​

Το ολοκληρωμένο σήμα δίπλα στις συμπληρωμένες λεπτομέρειές του — έτοιμο για δημιουργία ή αποθήκευση ως πρόχειρο

Δεν υπάρχει ξεχωριστό βήμα «εξαγωγής». Όταν το σχέδιο και οι λεπτομέρειες είναι έτοιμα:

  • Το Create Badge καταγράφει τον καμβά ως PNG, τον ανεβάζει στο CDN εικόνων μας (Amazon S3, με σερβίρισμα μέσω αμετάβλητης διεύθυνσης URL βάσει περιεχομένου) και αποθηκεύει το σήμα μαζί με το επεξεργάσιμο σχέδιό του — έτσι, όταν ανοίξετε ξανά το σήμα, επαναφέρονται τα επιμέρους επίπεδά σας για περαιτέρω επεξεργασία.
  • Το Save Draft αποθηκεύει στον διακομιστή ένα σήμα σε εξέλιξη (σε όλες τις συσκευές). Τα πρόχειρα εμφανίζονται στη λίστα Σημάτων σας με την ένδειξη Draft και μπορείτε να συνεχίσετε οποιοδήποτε από αυτά αργότερα.

Συμβουλές για καλό σχεδιασμό σήματος ​

  • Κρατήστε το απλό — καθαρό κείμενο, ελάχιστη αταξία. Τα σήματα συχνά εμφανίζονται μικρά.
  • Χρησιμοποιήστε υψηλή αντίθεση — κάντε το κείμενο ευανάγνωστο πάνω στο φόντο.
  • Δώστε όνομα στο διαπιστευτήριο — όποιος το βλέπει πρέπει να το καταλαβαίνει με μια ματιά.
  • Τετράγωνη μορφή — τα σήματα φαίνονται καλύτερα σε τετράγωνο.
  • Συνέπεια επωνυμίας — επαναχρησιμοποιήστε τα χρώματα και τις γραμματοσειρές του οργανισμού σας σε όλα τα σήματα.
  • Αποθηκεύστε επαναχρησιμοποιήσιμα σχέδια — κάθε σήμα που δημιουργείτε αποθηκεύεται επίσης ως πρότυπο λογαριασμού από το οποίο μπορείτε να ξεκινήσετε την επόμενη φορά (δείτε My Templates).

badges.ninja Documentation