Ghid de bune practici pentru șabloane de marcă
Șabloanele funcționează cel mai bine atunci când sunt ușor de editat, previzibile și adaptate nevoilor reale ale echipei.
Planificând din timp și configurând elementele în mod intenționat, poți crea șabloane pe care oricine le poate actualiza fără a întrerupe machetele sau a afecta stilul mărcii.
Acest ghid prezintă pașii esențiali utilizați de designeri pentru a crea șabloane care funcționează în întreaga organizație.
1. Începe prin a planifica ce vor trebui să schimbe ceilalți
Un șablon puternic începe cu elementele constitutive corecte. Alege elemente și structură care simplifică actualizările pentru oricine folosește șablonul.
Folosește tipuri de elemente simplu de actualizat
Selectează elementele pe care coechipierii le pot recolora sau înlocui fără a-ți modifica aspectul.
Folosește SVG-uri pentru pictograme și ilustrații. Ele se scalează curat și pot fi recoltate folosind culorile din setul de identitate vizuală.
Încarcă SVG-uri
- Accesează Încărcări, apoi selectează Încarcă fișiere.
- Alege un fișier SVG pentru cea mai bună calitate.
Utilizați cadre și grile pentru imagini înlocuibile
Cadrele păstrează imaginile dimensionate și poziționate corect. Acest lucru permite colegilor să înlocuiască o imagine fără a ajusta decuparea sau dimensiunile.
Folosește Frames atunci când o imagine trebuie să umple un spațiu fix.
Folosește culorile din setul de identitate vizuală de la început
Culorilesetului de identitate vizuală mențin consecvența șabloanelor și reduc necesitatea actualizărilor manuale ulterioare.
- Selectează elementul.
- Selectează Culoare, apoi alege o culoare din setul de identitate vizuală.
- Selectează Modifică tot pentru a actualiza fiecare culoare potrivită din design.
Astfel, șablonul rămâne aliniat la marca ta la fiecare actualizare.
2. Setează-ți aspectul astfel încât să se adapteze la conținutul real
Șablonul tău ar trebui să reziste atunci când cineva adaugă text mai lung, etichete mai scurte sau conținut nou. Structurarea corectă a textului menține distanța stabilă și previne deplasarea machetelor.
Utilizează reflow pentru a menține spațierea previzibilă
Reflow controlează modul în care se mișcă textul atunci când sunt adăugate sau eliminate linii. O configurare bună împiedică textul să se suprapună cu alte elemente.
- Menține casetele text suficient de largi pentru linii mai lungi.
- Lasă spațiu între casetele text, astfel încât să se poată extinde după cum este necesar.
- Potriviți lățimile casetei text utilizând Cmd sau Ctrl + Shift + J înainte de grupare.
Grupează elemente care ar trebui să se miște împreună
Gruparea asigură că elementele conexe se comportă ca o singură unitate în timpul modificărilor de aspect.
Grupează elementele, cum ar fi:
- Titluri și subtitluri
- Pictogramele și etichetele lor de text
- Elemente decorative care formează un singur bloc
Evită gruparea:
- Elemente care trebuie să se miște pe cont propriu
- Secțiuni necorelate ale aspectului tău
Ancorează textul astfel încât să se extindă în direcția corectă
Ancorarea controlează de unde se extinde textul atunci când cineva îl editează. Potrivirea ancorelor în textul grupat menține machetele consecvente.
Cum arată o ancorare bună:
- Titlurile se extind în jos
- Titlurile centrate rămân centrate
- Conținutul crește într-o singură direcție
- Selectează caseta text.
- Selectează Setări avansate.
- Alege:
- Sus pentru flux descendent
- Centru de extindere de la mijloc
- Jos pentru flux ascendent
3. Protejează piesele care nu ar trebui să se schimbe
Odată ce aspectul este structurat, blochează elementele care definesc identitatea vizuală a șablonului.
Blochează elemente fixe
Încuie obiectele care ar trebui să rămână exact acolo unde le-ai pus:
- Sigle
- Forme sau imagini de fundal
- Linii sau pictograme decorative
- Blocuri de dispunere care definesc spațierea sau structura
Utilizați blocarea pozițională pentru editări controlate
Blocarea pozițională păstrează elementele editabile, dar împiedică deplasarea accidentală a acestora. Acest lucru este util pentru:
- Cadre de imagine
- Butoane
- Blocuri de conținut reutilizabile, cum ar fi biografii sau statistici
Blocarea asigură faptul că șablonul rămâne intact, chiar și atunci când îl folosesc mai mulți coechipieri.
4. Păstrați efectele simple, astfel încât imaginile să rămână simplu de înlocuit
Efecte precum suprapunerile și transparența pot îmbunătăți designul, dar efectele prea complexe pot îngreuna înlocuirea imaginii.
Aplică combinarea simplă a imaginilor
Dacă folosești suprapuneri sau texturi:
- Aplicați transparență suprapunerii, nu imaginii
- Păstrați imaginea deasupra suprapunerii, astfel încât să rămână simplu de înlocuit
- Evitați amestecurile care necesită repoziționare manuală
Efectele simple mențin șablonul flexibil și ușor de întreținut.
Depanarea problemelor frecvente
Reîncărcarea textului întrerupe aspectul
- Asigură-te că există spațiu între casetele text
- Lasă spațiu în jurul textului în interiorul formelor
- Confirmă că toate textele grupate utilizează aceeași setare de ancorare
Fotografiile sub forme translucide sunt greu de înlocuit
- Stratificați imaginea deasupra formei translucide
- Aplică transparența imaginii în locul formei
Acest lucru face ca înlocuirile să fie ușoare prin glisare și fixare.
Au fost de ajutor aceste informații?
Util
Inutil