Guida alle best practice dei modelli del brand
I modelli funzionano meglio quando sono facili da modificare, prevedibili e adattati alle reali esigenze del tuo team.
Pianificando in anticipo e configurando intenzionalmente i tuoi elementi, puoi creare modelli che chiunque può aggiornare senza interrompere i layout o influire sullo stile del marchio.
Questa guida mostra i passaggi essenziali che i designer utilizzano per creare modelli che funzionano in tutta l'organizzazione.
1. Inizia pianificando ciò che gli altri dovranno cambiare
Un modello solido inizia con gli elementi costitutivi giusti. Scegli elementi e struttura che rendano gli aggiornamenti semplici per chiunque utilizzi il modello.
Utilizzare tipi di elementi facili da aggiornare
Seleziona gli elementi che i colleghi del team possono ricolorare o sostituire senza modificare il layout.
Utilizza SVG per icone e illustrazioni. Scalano in modo pulito e possono essere ricolorate con i colori del Kit Aziendale.
Carica SVG
- Vai su Caricamenti, quindi seleziona Carica file.
- Scegli un file SVG per la migliore qualità.
Usa cornici e griglie per immagini sostituibili
Le cornici mantengono le immagini dimensionate e posizionate correttamente. Ciò consente ai colleghi del team di sostituire un'immagine senza regolare il ritaglio o le dimensioni.
Usa le cornici quando un'immagine deve riempire uno spazio fisso.
Utilizza i colori del Kit Aziendale fin dall'inizio
I coloridel Kit Aziendale mantengono la coerenza dei modelli e riducono la necessità di aggiornamenti manuali in un secondo momento.
- Seleziona l'elemento.
- Seleziona Colore, quindi scegli un colore del Kit Aziendale.
- Seleziona Cambia tutto per aggiornare ogni colore corrispondente nel progetto.
In questo modo, mantieni il tuo modello in linea con il tuo brand in ogni aggiornamento.
2. Imposta il layout per adattarlo ai contenuti reali
Il tuo modello dovrebbe resistere quando qualcuno aggiunge testo più lungo, etichette più brevi o nuovi contenuti. Strutturare correttamente il testo mantiene stabile la spaziatura e impedisce lo spostamento dei layout.
Usa il riflusso per mantenere prevedibile la spaziatura
Il riflusso controlla lo spostamento del testo quando vengono aggiunte o rimosse righe. Una buona configurazione impedisce al testo di sovrapporsi ad altri elementi.
- Mantieni le caselle di testo abbastanza larghe per linee più lunghe.
- Lascia spazio tra le caselle di testo in modo che possano espandersi in base alle tue esigenze.
- Abbina le larghezze delle caselle di testo utilizzando Cmd o Ctrl + Maiusc + J prima del raggruppamento.
Raggruppa gli elementi che dovrebbero muoversi insieme
Il raggruppamento garantisce che gli elementi correlati si comportino come una singola unità durante le modifiche al layout.
Raggruppa elementi come:
- Titoli e sottotitoli
- Icone e relative etichette di testo
- Elementi decorativi che formano un unico blocco
Evita il raggruppamento:
- Elementi che devono muoversi autonomamente
- Sezioni non correlate del layout
Ancoraggio del testo in modo che si espanda nella giusta direzione
L'ancoraggio controlla da dove si espande il testo quando qualcuno lo modifica. L'abbinamento degli ancoraggi tra i testi raggruppati mantiene i layout coerenti.
Che aspetto ha un buon ancoraggio:
- I titoli si espandono verso il basso
- I titoli centrati rimangono centrati
- Il corpo del testo cresce in una direzione
- Seleziona la casella di testo.
- Seleziona Impostazioni avanzate.
- Scegli:
- In alto per flusso verso il basso
- Centro per l'espansione dal centro
- Dal basso per il flusso verso l'alto
3. Proteggi le parti che non dovrebbero cambiare
Una volta strutturato il layout, blocca gli elementi che definiscono l'identità visiva del tuo modello.
Blocca elementi fissi
Blocca gli oggetti che dovrebbero rimanere esattamente dove li hai posizionati:
- Loghi
- Forme o immagini di sfondo
- Linee o icone decorative
- Blocchi di layout che definiscono la spaziatura o la struttura
Usa il blocco posizionale per le modifiche controllate
Il blocco posizionale mantiene gli elementi modificabili ma impedisce che vengano spostati accidentalmente. Questa opzione è importante per:
- Cornici immagine
- Pulsanti
- Blocchi di contenuti riutilizzabili come bio o statistiche
Il blocco garantisce che il tuo modello rimanga intatto, anche quando viene utilizzato da più membri del team.
4. Mantenere gli effetti semplici in modo che le immagini rimangano facili da sostituire
Effetti come sovrapposizioni e trasparenza possono migliorare il tuo design, ma effetti eccessivamente complessi possono rendere più difficile la sostituzione dell'immagine.
Applica una semplice fusione di immagini
Se si utilizzano sovrapposizioni o trame:
- Applica trasparenza alla sovrapposizione, non all'immagine
- Mantieni l'immagine sopra la sovrapposizione in modo che rimanga facile da sostituire
- Evitare miscele che richiedono un riposizionamento manuale
Semplici effetti mantengono il tuo modello flessibile e facile da mantenere.
Risoluzione dei problemi comuni
Il refow del testo interrompe il layout
- Assicurati che ci sia spazio tra le caselle di testo
- Lasciare spazio intorno al testo all'interno delle forme
- Conferma che tutto il testo raggruppato utilizzi la stessa impostazione di ancoraggio
Le foto con forme traslucide sono difficili da sostituire
- Posiziona l'immagine sopra la forma traslucida
- Applica la trasparenza all'immagine anziché alla forma
Ciò semplifica le sostituzioni con il drag and drop.
Ti è stato utile?
Utile
Non utile