Am scris inițial despre pregătirea fișierelor logo pentru clienți în 2015, dar de atunci mi-am îmbunătățit procesul și formatul. De data aceasta, vreau să fac o treabă mai bună de a defalca procesul și de a oferi o privire mai detaliată asupra lucrurilor pentru a te ajuta să înțelegi mai bine. În această postare voi acoperi toate formatele de fișiere, variațiile și dimensiunile în care ar trebui să fie redat un design de logo finalizat și cum să delegi totul într-un sistem de foldere organizat și ordonat. Aceasta este aceeași abordare pe care am folosit-o pentru mii de clienți de logo-uri în cei 7 ani de experiență.
Dacă ești designer, această postare te va ajuta să știi exact ce ar trebui să oferi clienților tăi, iar dacă ești client, vei ști exact la ce să te aștepți de la designerul tău în ceea ce privește fișierele logo.
Pregătirea fișierelor logo pentru clienți
Să presupunem că ai lucrat cu clientul tău de ceva timp — prezentând idei și făcând revizii — și acesta este designul final pe care l-au aprobat și doresc să-l finalizeze…
Când un client ne angajează să-i creăm un logo, este datoria noastră să ne asigurăm că i-am furnizat toate formatele de care are nevoie pentru orice mod posibil în care ar putea folosi logo-ul — aceasta include utilizarea pe un site web, ca avatar pe rețelele sociale, mărit pentru a se potrivi pe un panou publicitar, redus pentru a fi brodat pe o cămașă, folosit într-un context strict alb-negru sau orice altceva.
Structuri
Primul lucru pe care trebuie să-l facem este să defalcăm logo-ul în trei structuri diferite…
1. Lockup complet
Acesta este designul complet al logo-ului, cu atât iconul cât și textul alături. Acesta va fi cel mai utilizat fișier de către clientul tău.
Un exemplu bun de utilizare ar fi în secțiunea antet a site-ului lor web. Acest format nu va funcționa întotdeauna în fiecare context însă, motiv pentru care trebuie să redăm câteva variații suplimentare.
2. Marcaj iconic
Acesta este iconul de sine stătător și este important ca clientul tău să aibă o copie a acestuia deoarece vor exista foarte des momente când vor avea nevoie să folosească doar iconul fără text.
Un exemplu bun de acest tip ar fi utilizarea ca avatar pe Facebook, Instagram sau Twitter. Pozele de profil pe majoritatea platformelor sociale sunt formate pentru a fi pătrate simetrice, ceea ce înseamnă că un design de logo orizontal (ca exemplul nostru) nu se va potrivi foarte bine. Dimensiunile îl vor forța într-o dimensiune compactă care abia va fi lizibilă (în special pe un dispozitiv mobil) și vor exista spații goale inestetice în partea superioară și inferioară.
3. Wordmark
Textul de sine stătător, va fi probabil cea mai puțin utilizată variație a unui logo, dar este totuși util să ai copii ale acestuia oricum. Uneori un logo trebuie să se potrivească unui context de design foarte subtil unde este prezent, dar ascuns astfel încât alt element de design să poată ieși în evidență și să preia prioritatea. Utilizarea unei variații „wordmark” simplu a logo-ului poate ajuta la atingerea acestui obiectiv.
Favicon (opțional)
Un favicon de site web este iconul mic care apare pe fila browserului unui site. Este de 16 x 16 pixeli în dimensiune și redat în format .ico (GIMP face o treabă excelentă în exportarea în acest format).
Nu este necesar să incluzi un favicon cu fișierele logo pentru clienți, dar este un lucru frumos de făcut dacă te simți generos. Îmi place să-l includ cu pachetele mele de prețuri mai scumpe ca un stimulent.
Este important de menționat că favicon-ul, așa cum îl știm (fișierul .ico de 16 x 16), devine încet irelevant pentru majoritatea dintre noi creatori ocazionali de web. În zilele noastre, majoritatea temelor WordPress (și îmi imaginez că acesta este cazul cu Shopify, Weebly și alte platforme populare de creare a site-urilor) îți permit să încarci un fișier .png clar de 512 x 512 pentru utilizare ca icon al site-ului, care se afișează și ca favicon în fila browserului. În acest caz, variația iconic mark a clientului va funcționa perfect.
Te rog să reții că această defalcare structurată în 3 părți nu se va aplica întotdeauna fiecărui proiect de logo. Unele tipuri de logo-uri — precum insignele și emblemele — au toate cele trei elemente combinate. În astfel de cazuri, nu va trebui să redai fișiere separate pentru wordmark și iconic mark deoarece este un pachet complet.
Variații de culoare
Următorul aspect asupra căruia trebuie să ne concentrăm sunt culorile folosite pentru logo. Pentru fiecare dintre cele 3 structuri, va trebui să producem fișiere în următoarele variații de culoare…
Culoare completă
Aceasta este variația standard în culoare completă și probabil va fi cea mai folosită variație. Este destinată să fie plasată pe fundaluri albe/deschise.
Inversat
Aceasta este o altă variantă completă, dar inversată. Este destinată utilizării pe fundaluri negre/întunecate, oferind un contrast puternic și o vizibilitate excelentă a elementelor.
Prin utilizarea culorilor deschise și a nuanțelor luminoase, designul devine mai atrăgător și mai ușor de perceput pe fundaluri întunecate, ideal pentru afișe, prezentări sau interfețe de utilizator. Această abordare inversată poate adăuga un aer modern și elegant, potrivindu-se perfect cu tendințele actuale în designul grafic.
Monoton
Ultima variație de culoare este monoton — atât complet negru cât și complet alb.
Acestea nu vor fi folosite la fel de des ca variațiile colorate complet, dar este important să ai copii ale acestora la îndemână oricum. Dacă folosești logo-ul tău într-un context foarte simplificat — cum ar fi pe o imprimare alb-negru sau decupat într-un semn din oțel — aceste copii monotone vor oferi versatilitatea necesară pentru a realiza acest lucru.
În funcție de stilul logo-ului, poate fi necesar să creezi un design complet separat cu spațiu negativ pentru a realiza acest lucru, așa cum este ilustrat mai jos.
Extensii de fișiere logo
Pentru fiecare structură și fiecare variație de culoare, va trebui să producem o varietate de formate de fișiere pentru a acoperi o infinitate de posibile utilizări.
Formate editabile
Cel mai important, clientul tău va avea nevoie de fișiere sursă editabile, uneori denumite „fișier master”. Ideal, un logo ar trebui creat în format vectorial astfel încât să poată fi mărit la infinit fără pierderea calității. Fișierele sursă editabile de inclus sunt următoarele…
- SVG Un adevărat format vectorial care poate fi editat cu Inkscape, Illustrator, CorelDraw sau orice altă aplicație grafică vectorială.
- AI Un alt format vectorial adevărat, dar care aparține celor de la Adobe, deci poate fi folosit doar cu Illustrator. Este bine să ai o copie a acestuia deoarece tipografiile cer adesea fișiere Illustrator pentru a lucra când pregătesc ceva pentru tipar.
- EPS Acesta este un alt format editabil. Nu este neapărat un format vectorial adevărat, dar este editabil cu orice aplicație grafică vectorială și unele persoane preferă să lucreze cu el, așa că îmi place să includ o copie EPS cu fișierele logo pentru clienți.
- PDF Un alt fișier editabil care funcționează foarte asemănător cu formatul Adobe Illustrator. Beneficiul PDF-ului însă este că nu este proprietar, adică poate funcționa cu orice software grafic vectorial.
- PSD (Opțional) Acesta este un fișier Photoshop stratificat. Nu includ de obicei copii PSD, dar uneori clienții le solicită deoarece sunt foarte familiarizați cu Photoshop (sau GIMP) și preferă să folosească asta pentru a modifica designurile atunci când este necesar.
Nu trebuie să furnizezi fiecare dintre aceste formate. De obicei îmi place să ofer SVG, EPS și PDF. De obicei acestea sunt suficiente pentru a acoperi toate bazele.
Deși PSD este un format grafic raster (nu vectorial), nu trebuie să recreezi logo-ul pentru a genera un fișier PSD stratificat. Ce îmi place să fac este să deschid copia vectorială cu Illustrator și în meniul Layers (Straturi), să fac click pe opțiunile din colțul dreapta sus și să selectez Release to Layers (either sequence or build). Acest lucru va da fiecărui element individual al designului propriul strat individual și de acolo poți exporta ca fișier PSD.
Formate gata-de-utilizat
Cealaltă categorie de fișiere logo pentru clienți pe care ar trebui să le furnizezi sunt formatele gata-de-utilizat. Acestea sunt fișiere care pot fi încărcate direct pe web.
- PNG În primul rând, vei dori să furnizezi un fișier PNG cu fundal transparent. Acesta va fi probabil cel mai utilizat fișier de către clientul tău. PNG-urile pot fi încărcate direct pe un site web pentru utilizare ca logo și deoarece au fundal transparent, se vor suprapune frumos peste orice culoare, model, imagine sau video folosit ca fundal.
- JPG Acesta este oarecum un format inutil după părerea mea deoarece nu oferă suport pentru canale alpha, adică fără fundaluri transparente. Fundalul va avea tendința de a se seta implicit la alb (dacă nu specifici o culoare sau alt umplutură). Totuși, uneori clientul tău va trebui să-și încarce logo-ul undeva unde acceptă doar fișiere JPG dar nu și PNG-uri, așa că încă este bine să ai copii ale acestuia. Există și un beneficiu suplimentar că fișierele JPG tind să fie mai comprimate și ocupă mai puțin spațiu pe disc decât omologii lor PNG.
- ICO (Opțional) Formatul final este ICO, folosit în principal pentru favicons, așa cum am discutat mai devreme. Din nou, acesta este opțional.
Dimensiuni logo
Înainte de a începe redarea tuturor fișierelor necesare pentru clienții tăi, ar trebui să te asiguri că ai dimensiunea corectă prima dată. Dacă oferi clientului un logo prea mic, va trebui să-l mărească pentru a-l folosi în contexte mai mari, ceea ce îl va face pixelat. Invers, dacă le oferi un logo prea mare, va ocupa o cantitate enorma de spațiu pe disc și ar putea avea probleme la încărcarea acestuia în locuri care au limite de dimensiune ale fișierelor.
Ideal, un logo ar trebui dimensionat astfel încât cea mai mare dimensiune a sa să fie 1920 pixeli. Asta înseamnă că dacă logo-ul este mai lat decât înalt, fă-l lat de 1920 pixeli și lasă înălțimea unde cade ea. La fel, dacă logo-ul este mai înalt decât larg, fă-l înalt de 1920 pixeli și (*) pixeli lățime.
De ce 1920 pixeli?
Aceasta este complet subiectiv și doar opinia mea personală desigur. Având în vedere unde suntem astăzi din punct de vedere tehnologic, 1920 pixeli este dimensiunea potrivită. Este suficient de mare pentru a se potrivi pe întreaga lățime a unui monitor full HD (1080p), dar nu atât de mare încât să ocupe o cantitate incredibilă de spațiu pe disc.
Această recomandare are o viață limitată însă. Începând cu 2018, majoritatea covârșitoare a persoanelor care vizitează site-ul meu încă fac asta pe ecrane 720p. Pe măsură ce timpul trece și 4K continuă rapid să devină normalitate, acest lucru se va schimba probabil.
Acest lucru este totuși neglijabil. Așa cum am menționat mai devreme, unul dintre motivele pentru care oferim fișiere vectoriale este pentru ca logo-ul va putea fi dimensionat la orice specificații necesare. Dacă preferi sa redai fișierele la 1280 pixeli (sau altă dimensiune din acea gamă) în schimb, mergi pe varianta aceasta. Nu va face o diferență semnificativă în majoritatea contextelor.
Pentru Icon
Un mic de sfat pe care ți-l ofer din proprie experiență lucrând cu mulți clienți: lasă puțin spațiu liber în jurul marginilor marcajului iconic. Asta deoarece când clientul tău, inevitabil va încărca acest fișier pe pagina lor Facebook sau Instagram, platforma va afișa logo-ul rulând până la marginile designului, ceea ce va arata ciudat. Dacă lași puțin spațiu liber în jurul marginilor înseamnă că se va potrivi foarte frumos.
Dacă designul rulează până la margini, clientul tău cel mai probabil se va întoarce și va cere copii ale designului cu puțin spațiu adăugat. Pentru a evita pierderea timpului, atât al tău cât și al clientului, ce îmi place să fac este să fac dimensiunea documentului 1920 pixeli dar dimensiunea iconului 1700 pixeli. Acest lucru lasă destul spațiu gol în jurul marginilor.
Dacă dorești să faci același lucru pentru lockup-ul complet și variațiile wordmark-ului mergi înainte. Nu este necesar însă.
Ghid format Logo
Deoarece clientul tău probabil nu este foarte versat în formate de fișiere, extensii și cum pot fi ele folosite cel mai bine, ar fi foarte util să le oferi un ghid scurt care conturează acest lucru. În caz contrar nu vor avea prea mult habar despre cum pot să folosească noul lor logo în modul cel mai bun.
Am o copie a ghidului „Logo Format” in format PDF si ceea ce îmi place să este, pur si simplu, click si trag o copie in fiecare lot de fișiere logo pe care le trimit unui client. Nu e nevoie sa creezi un ghid individual pentru fiecare client – poți folosi același fișier de fiecare dată. Iata o copie a ghidului pe care l-am creat: LogoFormatGuide.pdf.
Îți sugerez să creezi o copie pe care să o trimiți propriilor tăi clienți.
Organizarea Foldere-lor
Pentru fiecare proiect de design Logo îmi place să creez un folder dedicat pentru toate fișierele. În acel folder există mai multe foldere care descompun si organizează toate fișierele în mod ordonat. Iată o imagine care demonstrează cum îmi place să structurez fișierele logo…
Odată ce am redat toate fișierele necesare și le-am delegat în folderele corespunzătoare, produsul final pe care îmi place să-l trimit clienților mei este un folder arhivat (.zip) care conține tot. Pentru a crea foldere ZIP (când folosești Windows) îmi place să folosesc o aplicație gratuită numită 7Zip.
7Zip este un instrument foarte simplu (dar util) și gratuit.
Dacă folosești Ubuntu sau alt sistem bazat pe Linux poți pur și simplu face click dreapta pe folder și alegi „comprimare” cred, dacă nu mă înșel.
Pentru utilizatorii de Mac, crearea unui folder ZIP este destul de simplă. Urmează acești pași:
- Selectează folderul pe care vrei să-l comprimi.
- Click dreapta pe folderul selectat.
- Alege opțiunea „Comprimați” din meniul contextual.
Astfel, vei obține un fișier ZIP în același loc unde se află folderul original.
Precauții
Iată câteva lucruri cărora ar trebui să le acorzi mai multă atenție când creezi fișiere logo pentru clienți…
Niciodată nu include fișiere font-uri
Dacă ai folosit un font din stoc public în logo, nu trimite clientului tău o copie a acestuia. Încalci legea și riști mari bătăi de cap dacă faci asta. Deși design-ul literelor nu poate fi protejat prin drepturi de autor, software-ul care le generează (adică fișierul .TTF sau .OTF) poate sa fie protejat, deși nu am întâlnit multe fișiere font-uri care permit transferul intre alți utilizatori – chiar și font-uri gratuite pentru uz comercial. Încă au indicații foarte stricte despre transferul lor. Dacă un client te roagă să trimiți fișierul font-ului pe care l-ai folosit, explică-i politicos că nu ai voie potrivit legii, în schimb dă-i link-ul de unde poate descărca font-ul iar astfel îl poate instala el însuși.
Convertește textul în Paths/Curves
Că tot vorbim despre fonturi, asigură-te că nu trimiți niciun font împreună cu fișierele de logo design care au software-ul fontului încorporat. Acest lucru înseamnă că trebuie să convertești textul în „curves” (dacă folosești Illustrator) sau în „paths” (dacă folosești Inkscape) înainte de a le salva. Neîndeplinirea acestei cerințe nu reprezintă doar o potențială problemă legală, ci și riscul de a pierde designul textului ori de câte ori cineva încearcă să deschidă fișierul pe un computer care nu are fontul respectiv instalat.
Pregătește-te să le explici PNG și fundalurile transparente
Uneori, clienții vor deschide unul dintre fișierele PNG pentru logo-ul lor și vor crede că ceva a mers foarte prost. De exemplu, dacă deschid copia albă monotone, este posibil să creadă că documentul este gol. Acest lucru se întâmplă deoarece dispozitivul pe care îl folosesc pentru a vizualiza documentul va afișa automat un fundal alb în spatele unei imagini cu fundal transparent. Astfel, un logo alb pe un fundal alb creează iluzia unui canvas gigantic gol. Va trebui să le explici că documentul nu este de fapt gol — arată așa doar din cauza fundalului alb — și că, dacă plasează fișierul pe un fundal întunecat (sau îl deschid cu Photoshop sau GIMP), vor vedea că designul este vizibil.
Același lucru se aplică și pentru noul vizualizator de imagini din Windows 10, care afișează implicit un fundal negru atunci când vizualizează PNG-uri ce utilizează transparență. Am avut câțiva clienți care mi-au cerut copii ale logo-ului fără un fundal negru, dar a trebuit să le explic că de fapt nu are un fundal negru.
Gestionarea dimensiunilor mari ale fișierelor
Pregătirea și generarea fișierelor logo pentru clienți este o sarcină monumentală, iar fișierele rezultate pot ocupa uneori un spațiu enorm. Dacă lucrezi pe o platformă precum Upwork sau Fiverr, atunci încărcarea fișierelor mari probabil nu va fi o problemă pentru tine. Dacă ești ca mine și folosești emailul pentru a desfășura afaceri, s-ar putea să întâmpini dificultăți în a atașa și a trimite fișiere de 10+ MB prin email. Nu doar că este o neplăcere, dar ocupă și spațiu nejustificat pe server.
Pentru a evita acest lucru, îmi place să folosesc un serviciu de găzduire a fișierelor precum Dropbox sau Google Drive. Personal, prefer Dropbox deoarece site-ul este foarte simplu de utilizat și navigat, iar ei facilitează crearea de linkuri pe care le poți partaja cu clientul tău odată ce încărcarea este completă. Aceasta nu este o promovare plătită și nu folosesc linkuri afiliate — pur și simplu îmi place sincer serviciul lor și l-aș recomanda.
Fișierele logo exemplu
Știu că aceasta a fost o postare foarte lungă și extinsă, și dacă ai sărit peste porțiuni mari din ea, nu te blamez. Pentru a te ajuta să înțelegi mai bine cum îmi place să pregătesc și să redau fișierele logo pentru clienți, iată toate fișierele grupate pentru logo-ul exemplu utilizat în această postare. Aruncă o privire asupra acestuia pentru o mai bună înțelegere: ExampleLogoFiles.zip.
Acest ghid ar trebui să te ajute să pregătești fișierele logo într-un mod eficient, asigurându-te că clientul tău primește tot ceea ce are nevoie pentru utilizarea logo-ului său în diferite contexte. Oferind structuri clare, variații de culoare și formate de fișiere adecvate, vei crea o experiență pozitivă atât pentru tine, cât și pentru client.
