Vodič za najbolje prakse za predloške za vizualni identitet

Predlošci najbolje funkcioniraju kad ih je jednostavno uređivati, kad su predvidljivi i prilagođeni stvarnim potrebama tima.

Planiranjem unaprijed i namjernim postavljanjem elemenata možete stvarati predloške koje svatko može ažurirati bez narušavanja izgleda ili utjecaja na stil robne marke.

Ovaj vodič prikazuje bitne korake koje dizajneri koriste za izradu predložaka koji funkcioniraju u cijeloj vašoj tvrtki/ustanovi.

Snažan predložak započinje odgovarajućim sastavnim blokovima. Odaberite elemente i strukturu koji ažuriranja čine jednostavnima za svakoga tko koristi predložak.

Odaberite elemente koje članovi tima mogu ponovno obojiti ili zamijeniti, a da pritom ne izmijenite raspored.

Koristite SVG-ove za ikone i ilustracije. Čisto su skalirani i mogu se ponovno obojiti bojama iz kompleta za vizualni identitet.

Prijenos SVG-ova

1. Otvorite Prijenos i odaberite Prenesi datoteke.
2. Odaberite SVG datoteku za najbolju kvalitetu.

Okviri osiguravaju pravilnu veličinu i položaj slika. To omogućuje suigračima da zamijene sliku bez prilagođavanja izrezivanja ili dimenzija.

Koristite okvire kada jedna slika treba popuniti fiksni prostor.

Bojekompleta za vizualni identitet održavaju predloške dosljednima i smanjuju potrebu za kasnijim ručnim ažuriranjima.

To održava usklađenost predloška s robnom markom tijekom svakog ažuriranja.

Vaš bi predložak trebao pričekati kad netko doda dulji tekst, kraće oznake ili novi sadržaj. Pravilno strukturiranje teksta održava razmak stabilnim i sprječava pomicanje rasporeda.

Reflow kontrolira kretanje teksta prilikom dodavanja ili uklanjanja redaka. Dobra postavka sprječava preklapanje teksta s drugim elementima.

• Držite tekstne okvire dovoljno široke za duže retke.
• Ostavite razmak između tekstnih okvira kako bi se mogli proširiti po potrebi.
• Podudaranje širine tekstualnog okvira pomoću Cmd ili Ctrl + Shift + J prije grupiranja.

Grupiranje osigurava da se povezani elementi ponašaju kao jedna jedinica tijekom promjena izgleda.

Grupiraj stavke kao što su:

• Naslovi i podnaslovi
• Ikone i njihove tekstualne oznake
• Dekorativni elementi koji tvore jedan blok

Izbjegnite grupiranje:

• Elementi koje je potrebno samostalno pomicati
• Nepovezani odjeljci rasporeda

Usidravanje kontrola na mjestu na kojem se tekst proširuje kada ga netko uređuje. Podudaranje sidara u grupiranom tekstu održava izgled dosljednim.

Kako izgleda dobro sidrenje:

• Naslovi se šire prema dolje
• Centrirani naslovi ostaju centrirani
• Tijelo teksta raste u jednom smjeru

Nakon što je izgled strukturiran, zaključajte elemente koji definiraju vizualni identitet predloška.

Zaključajte predmete koji bi trebali ostati točno tamo gdje ste ih stavili:

• Logotipovi
• Oblici ili slike u pozadini
• Ukrasne linije ili ikone
• Raspored blokova koji definiraju razmak ili strukturu

Zaključavanje položaja omogućuje uređivanje elemenata, ali sprječava njihovo slučajno pomicanje. To je korisno za:

• Okviri za slike
• Gumbi
• Blokovi sadržaja za višekratnu uporabu poput životopisa ili statistike

Zaključavanjem se osigurava da predložak ostane netaknut, čak i kada ga upotrebljava više članova tima.

Efekti poput slojeva i prozirnosti mogu poboljšati vaš dizajn, ali pretjerano složeni efekti mogu otežati zamjenu slike.

Ako koristite slojeve ili teksture:

• Primijeni prozirnost na sloj, a ne na sliku
• Zadržite sliku iznad sloja kako bi se lako mogla zamijeniti
• Izbjegavajte mješavine koje zahtijevaju ručno premještanje

Jednostavni efekti održavaju vaš predložak fleksibilnim i jednostavnim za održavanje.

• Pobrinite se da između tekstnih okvira bude dovoljno prostora
• Ostavite prostor oko teksta unutar oblika
• Potvrdite da sav grupirani tekst koristi istu postavku sidra

• Sloj slike iznad prozirnog oblika
• Primijeni prozirnost na sliku umjesto na oblik

To olakšava zamjenu povlačenjem i ispuštanjem.