Οδηγός βέλτιστων πρακτικών προτύπων επωνυμίας

Τα πρότυπα λειτουργούν καλύτερα όταν είναι εύκολο να τα επεξεργαστείτε, να τα προβλέψετε και να τα προσαρμόσετε στις πραγματικές ανάγκες της ομάδας σας.

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

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

Ένα ισχυρό πρότυπο ξεκινά με τα σωστά δομικά στοιχεία. Επιλέξτε στοιχεία και δομή που κάνουν τις ενημερώσεις απλές για όλους όσους χρησιμοποιούν το πρότυπο.

Επιλέξτε στοιχεία που οι συμπαίκτες μπορούν να επαναχρωματίσουν ή να αντικαταστήσουν χωρίς να αλλάξουν τη διάταξη.

Χρησιμοποιήστε SVG για εικονίδια και εικόνες. Κλιμακώνονται καθαρά και μπορούν να επαναχρωματιστούν χρησιμοποιώντας χρώματα εταιρικής ταυτότητας.

Φόρτωση SVG

1. Μεταβείτε στις «Μεταφορτώσεις» και επιλέξτε «Μεταφόρτωση αρχείων».
2. Επιλέξτε ένα αρχείο SVG για καλύτερη ποιότητα.

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

Χρησιμοποιήστε πλαίσια όταν μια εικόνα πρέπει να γεμίσει έναν σταθερό χώρο.

Τα χρώματαεταιρικής ταυτότητας διατηρούν τη συνέπεια των προτύπων και μειώνουν την ανάγκη για μη αυτόματες ενημερώσεις αργότερα.

Με αυτόν τον τρόπο, το πρότυπό σας παραμένει συνεπές με την επωνυμία σας σε κάθε ενημέρωση.

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

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

• Κρατήστε τα πλαίσια κειμένου αρκετά φαρδιά για μεγαλύτερες γραμμές.
• Αφήστε χώρο μεταξύ των πλαισίων κειμένου, ώστε να μπορούν να επεκταθούν ανάλογα με τις ανάγκες.
• Ταίριασμα πλάτους πλαισίου κειμένου χρησιμοποιώντας Cmd ή Ctrl + Shift + J πριν από την ομαδοποίηση.

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

Ομαδοποιήστε στοιχεία όπως:

• Επικεφαλίδες και υπότιτλοι
• Εικονίδια και ετικέτες κειμένου
• Διακοσμητικά στοιχεία που σχηματίζουν ένα ενιαίο μπλοκ

Αποφύγετε την ομαδοποίηση:

• Στοιχεία που πρέπει να κινούνται μόνα τους
• Μη σχετιζόμενες ενότητες της διάταξής σας

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

Με τι μοιάζει η καλή αγκύρωση:

• Οι επικεφαλίδες επεκτείνονται προς τα κάτω
• Οι τίτλοι στο κέντρο παραμένουν στο κέντρο
• Το κείμενο του σώματος αυξάνεται προς μία κατεύθυνση

Μόλις δομηθεί η διάταξή σας, κλειδώστε τα στοιχεία που καθορίζουν την οπτική ταυτότητα του προτύπου σας.

Κλειδώστε τα αντικείμενα που θα πρέπει να παραμείνουν ακριβώς εκεί που τα τοποθετήσατε:

• Λογότυπα
• Σχήματα ή εικόνες φόντου
• Διακοσμητικές γραμμές ή εικονίδια
• Μπλοκ διάταξης που καθορίζουν την απόσταση ή τη δομή

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

• Κορνίζες εικόνων
• Κουμπιά
• Επαναχρησιμοποιούμενα μπλοκ περιεχομένου, όπως βιογραφικά ή στατιστικά

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

Εφέ όπως οι επικαλύψεις και η διαφάνεια μπορούν να βελτιώσουν το σχέδιό σας, αλλά τα υπερβολικά πολύπλοκα εφέ μπορούν να κάνουν την αντικατάσταση εικόνας πιο δύσκολη.

Εάν χρησιμοποιείτε επικαλύψεις ή υφές:

• Εφαρμογή διαφάνειας στην επικάλυψη, όχι στην εικόνα
• Διατηρήστε την εικόνα πάνω από την επικάλυψη, ώστε να είναι εύκολη η αντικατάστασή της
• Αποφύγετε μείγματα που απαιτούν χειροκίνητη επανατοποθέτηση

Τα απλά εφέ διατηρούν το πρότυπό σας ευέλικτο και εύκολο στη συντήρηση.

• Βεβαιωθείτε ότι υπάρχει χώρος μεταξύ των πλαισίων κειμένου
• Αφήστε χώρο γύρω από το κείμενο μέσα στα σχήματα
• Επιβεβαιώστε ότι όλο το ομαδοποιημένο κείμενο χρησιμοποιεί την ίδια ρύθμιση αγκύρωσης

• Στρώστε την εικόνα πάνω από το ημιδιαφανές σχήμα
• Εφαρμογή διαφάνειας στην εικόνα αντί για το σχήμα

Με αυτόν τον τρόπο, οι αντικαταστάσεις παραμένουν εύκολες με drag-and-drop.