Skip to content

Σχεδιαστής εμβλημάτων

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

Badge Designer — embedded in the Create Badge modal alongside the form sidebar

Επισκόπηση

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

Template picker with shape + color filters

Επιλογή προτύπου

Ο σχεδιαστής περιλαμβάνει 80+ ενσωματωμένα πρότυπα οργανωμένα σε δύο διαστάσεις ώστε να βρείτε γρήγορα ένα:

  • 8 σχήματα — Circle, Rounded square, Hexagon, Shield, Octagon, Diamond, Banner, Seal
  • 8 παλέτες χρωμάτων — Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite

Για να επιλέξετε ένα:

  1. Κάντε κλικ στο Templates στη γραμμή εργαλείων του σχεδιαστή.
  2. Χρησιμοποιήστε τα φίλτρα Shape και Color στην κορυφή του επιλογέα για να περιορίσετε τη λίστα. Ο μετρητής στα δεξιά εμφανίζει πόσα πρότυπα ταιριάζουν (π.χ. 8 / 84).
  3. Κάντε κλικ σε ένα πρότυπο για να το εφαρμόσετε στον καμβά.

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

Template applied to the canvas

Προσθήκη σχημάτων, κορδέλων & εικονιδίων

Shapes popover

Icons popover with color bar

Πέρα από τα πρότυπα, ο σχεδιαστής διαθέτει τρεις επιπλέον βιβλιοθήκες στοιχείων που μπορείτε να τοποθετήσετε πάνω από οποιοδήποτε πρότυπο:

  • Σχήματα — 80+ διανυσματικά σχήματα (κύκλοι, ασπίδες, εξάγωνα, αστέρια, μετάλλια, σφραγίδες, στεφάνια, banners, γεωμετρικές μορφές) ομαδοποιημένα σε κατηγορίες
  • Κορδέλες — 20 διακοσμητικές επικαλύψεις κορδέλας
  • Εικονίδια — 50 εικονογραφικά εικονίδια (atom, award, brain, briefcase, certificate, code, crown, diamond, diploma, graduation-cap, lightbulb, medal, rocket, shield-check, star, target, trophy, …)

Επιλέξτε ένα από οποιοδήποτε popover και εισάγεται στον καμβά με το τρέχον χρώμα. Η Color bar μέσα σε κάθε popover σας επιτρέπει να αλλάξετε χρώμα του στοιχείου πριν το εισαγάγετε — χρήσιμο όταν θέλετε διαφορετικό χρώμα από την προεπιλογή της γραμμής εργαλείων.

Μεταφόρτωση προσαρμοσμένου φόντου ή εικόνας

Μπορείτε να ανεβάσετε τη δική σας εικόνα για χρήση ως φόντο ή ως επίπεδο στην κορυφή:

  1. Κάντε κλικ στο Upload στη γραμμή εργαλείων του σχεδιαστή.
  2. Επιλέξτε ένα αρχείο εικόνας από τον υπολογιστή σας (συνιστώνται PNG ή JPG).
  3. Η εικόνα τοποθετείται στον καμβά ως επιλέξιμο αντικείμενο — σύρετε, κλιμακώστε, περιστρέψτε ή στείλτε την πίσω από άλλα στοιχεία.

Η μεταφόρτωση μιας εικόνας δεν διαγράφει το πρότυπο ή τυχόν υπάρχοντα επίπεδα — απλώς στοιβάζεται από πάνω.

Για πλήρη φόντα, χρησιμοποιήστε μια τετράγωνη εικόνα τουλάχιστον 600×600 pixel.

Προσθήκη κειμένου

Text element added to the canvas

  1. Κάντε κλικ στο κουμπί Text στη γραμμή εργαλείων.
  2. Ένα νέο στοιχείο κειμένου εμφανίζεται στον καμβά.
  3. Κάντε κλικ στο κείμενο για να το επιλέξετε και, στη συνέχεια, πληκτρολογήστε το περιεχόμενό σας.
  4. Σύρετε το στοιχείο κειμένου για να το τοποθετήσετε στον καμβά.

Μπορείτε να προσθέσετε πολλαπλά στοιχεία κειμένου για διαφορετικά μέρη του εμβλήματός σας (τίτλος, παραλήπτης, ημερομηνία, κ.λπ.).

Αλλαγή γραμματοσειράς

Text switched from Arial to Georgia — serif font applied to the selected text

Ο σχεδιαστής περιλαμβάνει 11 γραμματοσειρές (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Επιλέξτε ένα στοιχείο κειμένου στον καμβά.
  2. Κάντε κλικ στο αναπτυσσόμενο μενού Font στη γραμμή εργαλείων.
  3. Επιλέξτε από τις διαθέσιμες γραμματοσειρές.

Η προεπισκόπηση γραμματοσειράς δείχνει πώς φαίνεται κάθε επιλογή πριν την επιλέξετε.

Αλλαγή χρώματος

Color picker open; pick any hex — gold gives strong contrast on dark-blue templates

Ο επιλογέας Color στη γραμμή εργαλείων ελέγχει δύο πράγματα ταυτόχρονα:

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

Επιλέξτε ένα χρώμα από την παλέτα ή εισάγετε έναν δεκαεξαδικό κωδικό. Μέσα σε κάθε popover σχήματος/κορδέλας/εικονιδίου υπάρχει επίσης μια μικρότερη Color bar για μονόχρονες επιλογές που δεν αλλάζουν την προεπιλογή της γραμμής εργαλείων.

Στοίχιση στοιχείων

Text centered horizontally and vertically via the toolbar alignment buttons

Η σειρά στοίχισης 6 κουμπιών λειτουργεί στα επιλεγμένα αντικείμενα σε σχέση με τον καμβά:

ΚουμπίΕνέργεια
Align leftΚαρφίτσωμα στην αριστερή άκρη του καμβά
Center horizontallyΚέντρο στον άξονα X του καμβά
Align rightΚαρφίτσωμα στη δεξιά άκρη του καμβά
Align topΚαρφίτσωμα στην πάνω άκρη του καμβά
Center verticallyΚέντρο στον άξονα Y του καμβά
Align bottomΚαρφίτσωμα στην κάτω άκρη του καμβά

Όταν σύρετε ένα στοιχείο κοντά στο κέντρο του καμβά, εμφανίζονται διακεκομμένοι μωβ οδηγοί προσκόλλησης και το αντικείμενο κολλάει σε τέλεια στοίχιση.

Πολλαπλή επιλογή & επίπεδα

  • Κρατήστε πατημένο το Shift και κάντε κλικ για να επιλέξετε πολλαπλά αντικείμενα, ή σύρετε ένα πλαίσιο επιλογής στον καμβά.
  • Χρησιμοποιήστε το Send to back / Bring to front για να ελέγξετε τη σειρά z.
  • Πατήστε Delete ή κάντε κλικ στο κουμπί Delete της γραμμής εργαλείων για να αφαιρέσετε την επιλογή.
  • Τα Undo / RedoCtrl+Z / Ctrl+Shift+Z) διατρέχουν τις 20 τελευταίες αλλαγές.

Διαγραφή στοιχείων

  1. Επιλέξτε το στοιχείο που θέλετε να αφαιρέσετε (ή shift-κλικ για πολλά).
  2. Κάντε κλικ στο κουμπί Delete στη γραμμή εργαλείων ή πατήστε το πλήκτρο Delete.

Συμβουλές για καλό σχεδιασμό εμβλημάτων

  • Κρατήστε το απλό — χρησιμοποιήστε καθαρό κείμενο και αποφύγετε την ακαταστασία. Το έμβλημα συχνά εμφανίζεται σε μικρά μεγέθη.
  • Χρησιμοποιήστε υψηλή αντίθεση — βεβαιωθείτε ότι το κείμενο είναι αναγνώσιμο έναντι του φόντου.
  • Συμπεριλάβετε το όνομα του εμβλήματος — οι παραλήπτες και οι θεατές πρέπει να κατανοούν το διαπιστευτήριο με μια ματιά.
  • Τετράγωνη μορφή — τα εμβλήματα φαίνονται καλύτερα ως τετράγωνες εικόνες.
  • Συνέπεια επωνυμίας — χρησιμοποιήστε τα χρώματα και τις γραμματοσειρές του οργανισμού σας σε όλα τα εμβλήματα.
  • Δοκιμή σε μικρά μεγέθη — κάντε προεπισκόπηση του εμβλήματός σας στα 100x100 pixel για να διασφαλίσετε την αναγνωσιμότητα.

Αποθήκευση εικόνας εμβλήματος

Final composed badge

Όταν είστε ικανοποιημένοι με τον σχεδιασμό σας, κάντε κλικ στο Done ή Save στον σχεδιαστή. Η εικόνα καταγράφεται από τον καμβά και επισυνάπτεται στο έμβλημά σας. Θα ανέβει στο IPFS όταν δημιουργείτε ή αποθηκεύετε το έμβλημα.

badges.ninja Documentation