Guia de pràctiques recomanades de les plantilles de marca
Les plantilles funcionen millor quan són fàcils d'editar, previsibles i s'adapten a les necessitats reals del teu equip.
Si planifiques amb antelació i configures els teus elements intencionadament, pots crear plantilles que qualsevol persona pugui actualitzar sense trencar els dissenys ni afectar l'estil de la marca.
Aquesta guia mostra els passos essencials que fan els dissenyadors per crear plantilles que funcionin en tota la teva organització.
1. Comença per planificar el que els altres hauran de canviar
Una plantilla forta comença amb els blocs de construcció adequats. Tria elements i una estructura que facilitin les actualitzacions per a tothom que utilitzi la plantilla.
Utilitza tipus d'elements que siguin fàcils d'actualitzar.
Selecciona elements que els companys d'equip puguin tornar a colorejar o reemplaçar sense alterar el teu disseny.
Utilitza SVG per a icones i il·lustracions. Es escalen de forma neta i es poden tornar a colorejar amb els colors del dossier de marca.
Carrega SVG
- Ves a Càrregues i, a continuació, selecciona Carrega fitxers.
- Tria un fitxer SVG per obtenir la millor qualitat.
Utilitza els marcs i les graelles per obtenir imatges reemplaçables
Els marcs mantenen la mida i la posició de les imatges correctament. Això permet que els companys d'equip reemplacin una imatge sense ajustar el retall ni les mides.
Utilitza els fotogrames quan una imatge hagi d'omplir un espai fix.
Utilitza els colors del dossier de marca des del principi
Els colorsdel dossier de marca mantenen la coherència de les plantilles i redueixen la necessitat d'actualitzacions manuals més endavant.
- Selecciona l'element.
- Selecciona Color i, a continuació, tria un color del dossier de marca.
- Selecciona Canvia-ho tot per actualitzar tots els colors del disseny que coincideixin.
Pots mantenir l'alineació de la plantilla amb la marca en totes les actualitzacions.
2. Configura el disseny per adaptar-te al contingut real
La plantilla s'ha d'aguantar quan algú afegeixi text més llarg, etiquetes més curtes o contingut nou. L'estructuració correcta del text manté l'espaiat estable i evita que els dissenys es desplacin.
Utilitza el reflow per mantenir l'espaiat predecible
Reflow controla com es mou el text quan s'afegeixen o eliminen línies. Una bona configuració evita que el text se superposi amb altres elements.
- Mantén els quadres de text prou amplis per a les línies més llargues.
- Deixa espai entre els quadres de text per tal que puguin ampliar-se segons les necessitats.
- Fes coincidir les amplades dels quadres de text amb Cmd o Ctrl + Maj + J abans d'agrupar.
Agrupa els elements que s'han de moure junts
L'agrupació garanteix que els elements relacionats es comportin com una sola unitat durant els canvis de disseny.
Agrupa elements com ara:
- Títols i subtítols
- Icones i les seves etiquetes de text
- Elements decoratius que formen un sol bloc
Evita agrupar:
- Elements que han de moure's pel seu compte
- Seccions no relacionades del disseny
Ancla el text perquè s'expandeixi en la direcció correcta
L'ancoratge controla on s'expandeix el text quan algú l'edita. La coincidència d'ancoratges en el text agrupat manté la coherència dels dissenys.
Com es veu una bona ancoratge:
- Els titulars s'estenen a la baixa
- Els títols centrats es mantenen centrats
- El text del cos creix en una direcció
- Selecciona el quadre de text.
- Selecciona Configuració avançada.
- Tria:
- A la part superior per al flux descendent
- Centre per a l'expansió des del mig
- A la part inferior per al flux ascendent
3. Protegeix les parts que no han de canviar
Un cop estructurat el disseny, bloqueja els elements que defineixen la identitat visual de la plantilla.
Bloqueja els elements fixos
Bloqueja els objectes que haurien de quedar exactament on els vas col·locar:
- Logotips
- Formes o imatges de fons
- Línies o icones decoratives
- Dissenyar blocs que defineixin l'espaiat o l'estructura
Utilitza el bloqueig posicional per a les edicions controlades
El bloqueig posicional manté els elements editables, però evita que es moguin accidentalment. Aquesta opció és útil per a:
- Marcs d'imatge
- Botons
- Blocs de contingut reutilitzables, com ara biografies o estadístiques
El bloqueig garanteix que la teva plantilla es mantingui intacta, fins i tot quan l'utilitzen diversos companys d'equip.
4. Fes que els efectes siguin senzills perquè les imatges siguin fàcils de reempla
Els efectes com les superposicions i la transparència poden millorar el teu disseny, però els efectes massa complexos poden dificultar la substitució de la imatge.
Aplica una barreja d'imatges senzilla
Si fas servir superposicions o textures:
- Aplica transparència a la superposició, no a la imatge
- Mantén la imatge per sobre de la superposició perquè sigui fàcil de reemplaçar.
- Evita les barreges que requereixin un reposicionament manual
Els efectes simples fan que la plantilla sigui flexible i fàcil de mantenir.
Solució de problemes habituals
El reflow de text trenca el disseny
- Assegura't que hi hagi espai entre els quadres de text
- Deixa espai al voltant del text dins de les formes
- Confirma que tots els textos agrupats utilitzen la mateixa configuració d'ancoratge
Les fotos amb formes translúcides són difícils de substituir
- Col·loca la imatge a sobre de la forma translúcida
- Aplica transparència a la imatge en lloc de la forma
Això fa que els reemplaçaments siguin fàcils d'arrossegar i deixar anar.
T'hem ajudat?
Útil
No ha estat útil