Elenco di cose da fare quando si preparano le risorse per Zeplin

Per rendere la tua produzione più pulita ed evitare di dedicare più tempo agli sviluppatori, sentiti libero di seguire la mia lista di cose da fare qui sotto!

È molto importante avere tutti i livelli nominati quando lo sviluppatore sta lavorando con il file in Zeplin. Utilizzare un plug-in “Rinomina” per applicare lo stesso nome a più livelli. Ti farà risparmiare tempo.

  • Ordina i simboli in gruppi . Questo ti aiuterà a rimanere più organizzato. Ad esempio, puoi dividere i simboli in icone, tag, barre, interruttori, ecc.

Per fare ciò usa il seguente nome: tag / tag_active, dove il primo “tag” è il nome del gruppo.

  • Assicurarsi che l’opzione “Rendi esportabile” sia selezionata per ciascun simbolo.
  • Escludi sublayer. Se il tuo simbolo è composto da più di 1 oggetto, raggruppa tutti gli oggetti, nominali come simbolo e applica le opzioni “Escludi sublayer”. In questo modo il tuo simbolo apparirà come un oggetto solido.

Se hai alcuni elementi sullo schermo con cui gli sviluppatori non lavoreranno, escludili nello stesso modo che ho descritto sopra. Ad esempio, può essere lasciato il menu di navigazione o un’intestazione. In questo modo lo sviluppatore si concentrerà solo sugli elementi necessari con cui deve lavorare.

Escludi = “shift + cmd + X”

Prova a usare gli stili anche quando lavori con i wireframe. Ti aiuterà a evitare “cinquanta sfumature di grigio” nel tuo design 🙂

Esempio di stili di carattere in Wireframes

Se vuoi sperimentare il colore, dopo aver finito di usare uno strumento di selezione dei colori e scegli il colore che hai creato. Assicurati che abbia un’opacità del 100%.

Metti tutte le tue icone in una tavola da disegno ed esporta in Zeplin. In questo modo, gli sviluppatori possono ottenere le icone tutte in una volta. Fai lo stesso con il resto delle categorie di elementi (pulsanti, pulsanti, campi di immissione, ecc.).

E infine, ricontrolla tutto ciò che carichi su Zeplin. Assicurati di avere imbottiture, dimensioni, stili di testo, stili di livello, elementi esportabili coerenti, ecc.

Spero che la mia lista ti sia stata utile! Per favore, condividi nei commenti le voci del tuo elenco di cose da fare che non ho incluso.

PS Ecco il link al mio account Dribbble: https://dribbble.com/margo_prais