Proiectarea unui GIF grozav nu este atât de ușoară pe cât pare! Vedeți cum să creați GIF-uri pe care le vor plăcea utilizatorilor în acest articol.

GIF-urile s-au răspândit pe internet ca gripa în timpul iernii - și utilizatorii le adoră. Aceste imagini animate sunt atât de ușor de consumat și de înțeles și totuși pot transmite mesaje destul de impactante în câteva secunde.

bază

Se știe că mărci precum Starbucks folosesc GIF-uri pe rețelele de socializare doar pentru că oamenii tind să interacționeze mai mult cu ei - este un conținut care crește implicarea utilizatorilor pe toate platformele de pe internet. Acestea sunt instrumente excelente pentru a distra utilizatorii și vă pot oferi o marjă mare pentru a vă arăta identitatea de marcă. Ce nu este să iubești, corect?

Dar, ca toate lucrurile bune, un design GIF grozav nu este lipsit de trucuri. Obținerea unui GIF corect presupune multă gândire la compoziție și design, dar și la o implementare atentă în procesul de realizare. Cum vă asigurați că GIF-ul dvs. este atrăgător și nu suprasolicită ochii utilizatorului? Cum puteți crea ceva frumos, menținând în același timp greutatea fișierului la minimum?

Nu te teme! Doar citiți aceste 15 principii de bază pentru proiectarea de GIF-uri grozave și pregătiți-vă să impresionați acei utilizatori.

Design GIF de R A D I O pe Dribbble

Nu mușcați mai mult decât puteți mesteca

Este perfect normal ca designerii să se lase lăsați în procesul creativ, în special în proiectele care îi pasionează cu adevărat. Dar designul GIF poate fi un efort confuz și complex. Vă recomandăm să vă păstrați designul cât mai simplu posibil, în timp ce transmiteți mesajul. În termeni generali, mai puține lucruri din design vă oferă mai multă libertate în partea de animație a procesului!

Selectați câteva elemente pe care doriți să le includeți în GIF și rezistați puternic dorinței de a adăuga pe măsură ce progresați. Motivul pentru care aceasta este o bună practică este că oamenii pot fi copleșiți destul de ușor - atât proiectantul care realizează GIF-ul, cât și utilizatorul care îl vede pe orice ecran. Vrei mișcare care să inspire anumite emoții sau să-ți comunice semnificația - dar acele sentimente și semnificații se pot pierde într-o mare de elemente dansante și culori schimbătoare.

Descarcă Justinmind și începe prototiparea astăzi

Nu vă gândiți prea mult la design. Alegeți câteva elemente centrale și o paletă de culori - apoi lucrați cu resursele respective pentru a crea ceva unic și atrăgător. Nu aveți nevoie de 20 de lucruri în mișcare și de întregul curcubeu pentru a crea un GIF pe care îl vor adora utilizatorii.

Încercați să stabiliți o identitate vizuală consistentă pe toate proiectele GIF

GIF-urile sunt o modalitate atât de bună de a vă dezvălui identitatea mărcii în aer liber pentru utilizatori. În crearea celui mai scurt film din lume în care complotul îți înconjoară marca, marca ta poate deveni un ideal cu care oamenii se pot lega.

Deși cerul este limita când vine vorba de proiectarea GIF-urilor, cu siguranță doriți să stabiliți anumite linii directoare despre aspectul general al GIF-urilor dvs. Puteți utiliza logo-ul mărcii dvs. ca sursă de culori de fundal sau puteți face totul și creați un personaj care reprezintă marca - unul pe care îl puteți aduce înapoi cu fiecare GIF nou pe care îl creați.

Arătați-le utilizatorilor cine este marca dvs., ce faceți și cum o faceți prin design. Dacă credeți că este o sarcină dificilă, nu vă veți înșela. Cu toate acestea, nu este imposibil.

GE a creat cu succes o atmosferă întreagă la care utilizatorii se pot aștepta în designul GIF. În Tumblr-ul lor extrem de inspirațional și educațional, GE împărtășește GIF-uri care prezintă niște mașini și știință grozave la locul de muncă. Etichete precum #badassmachines sunt un mod distractiv de a familiariza oamenii cu ceea ce fac - ca să nu mai vorbim, de a-i face pe inginerii de pretutindeni să simtă lucrurile cu toate acele mașini mari de la locul de muncă.

GIF de la Txchnologist de GE

Plasați toate acele cadre suplimentare în designul GIF

Indiferent de ce tip de animație aveți în designul GIF, este posibil ca mișcarea să se întrerupă la un moment dat sau altul. Când creați GIF-ul animat, căutați acele pauze în mișcare și găsiți cadrele GIF care nu fac nimic.

Ar trebui să fie destul de puțini la orice pauză dată. Acesta este un lucru rău, deoarece acestea nu fac altceva decât să vă cântărească fișierul, pe un tip de conținut care este deja greu din fire. Iată ce doriți să faceți: ștergeți toate acele cadre suplimentare, salvați unul, apoi întindeți durata acelui cadru atât timp cât aveți nevoie de pauză.

Calitatea generală a designului GIF ar trebui să rămână intactă, în timp ce reduceți acei megabyți inutili!

Gândiți-vă la accesibilitate atunci când încărcați GIF-uri

În calitate de designer, sunteți bine și familiarizați cu faptul că utilizatorii pot fi distrași de diferite tipuri de conținut vizual - iar atunci când vă proiectați GIF-ul, proiectați pentru toți utilizatorii de internet.

Aceasta include persoanele care folosesc cititoare de ecran sau persoanele care suferă de epilepsie. Aceste lucruri pot fi atenuate prin descrierea GIF-ului dvs. în text alternativ sau prin menținerea intermitentă și intermitentă frenetică la un nivel minim.

La fel ca videoclipurile, mișcarea constantă a GIF-urilor poate rupe concentrarea utilizatorului și poate provoca o anumită frustrare dacă nu reușesc să se oprească. Acest lucru merită luat în considerare atunci când adăugați mai multe GIF-uri în aceeași pagină. Dacă aveți tendința de a avea o mulțime de conținut scris, limitarea culorilor și a mișcării desenelor dvs. GIF ar putea fi o idee bună, astfel încât textul dvs. să nu-și piardă potența și atenția utilizatorului.

O problemă legată de utilizarea GIF-urilor este Redare automata. În general, utilizatorii se pot simți deranjați sau pândiți când intră pe o pagină și videoclipurile și GIF-urile încep să se joace automat. În schimb, încercați să utilizați un clic pentru a juca sistemul - astfel încât să oferiți utilizatorului puterea totală asupra a ceea ce este jucat și când.

Folosiți scenarii pentru a menține lucrurile drepte

Proiectarea GIF pare o sarcină suficient de simplă la început, dar această presupunere îi determină pe mulți designeri să facă o greșeală fatală atunci când fac un GIF. Pentru ca un GIF să fie cu adevărat interesant conform standardelor utilizatorilor de internet, are nevoie de o poveste de fundal. Oamenii presupun în mod eronat că, deoarece GIF-urile au o durată atât de scurtă, orice animație simplă va avea efect.

Povestea și elementele de bază pe care le veți folosi - acestea sunt cărămizile de construcție ale designului dvs. GIF. Și, ca atare, acestea ar trebui să fie pe primul loc în ceea ce privește implementarea și gândirea. De aceea, vă recomandăm să utilizați un storyboard pentru a menține lucrurile la locul lor. După cum am menționat, este foarte ușor să pierdeți evidența locului în care trebuie să meargă fiecare lucru sau exact a ceea ce trebuie să se deplaseze în ce direcție.

Petreceți ceva timp plasând o ilustrare atentă a fiecărei părți a designului GIF pentru a vă economisi timpul și efortul pe care mulți alți designeri îl cheltuiesc încercând să își facă animația corectă. Un aspect pozitiv al utilizării storyboard-urilor este că, dacă lucrați cu o echipă mai mare de oameni, cum ar fi ilustratori și animatori, storyboard-ul poate îmbunătăți considerabil comunicarea între membrii echipei pentru a accelera procesul creativ.

Minunat design GIF de Mantas Gr pe Dribbble

În cazul în care vă întrebați cum puteți avea povestiri vizuale minunate în experiența dvs. de utilizator, nu ezitați să consultați ghidul nostru! Poate fi foarte util atunci când proiectați GIF-uri sau alte tipuri de conținut vizual pentru platformele dvs.

Dacă utilizați Photoshop pentru design GIF - păstrați-l îngrijit, pentru dragostea lui Dumnezeu

Toți designerii sunt conștienți de faptul că straturile se pot acumula destul de repede atunci când utilizați Photoshop. Ca un instrument care este utilizat pe scară largă pentru proiectarea GIF și alte tipuri de animație, mulți oameni sunt încă pradă potențialului pe care instrumentul îl are pentru haos.

Straturile și straturile de elemente sunt dificil de gestionat și devin mai complicate cu cât adăugați mai mult la ele. Și pericolul real este importanța lor maximă în procesul de proiectare - mutați stratul greșit la momentul nepotrivit, iar întregul design GIF ar putea fi distrus.

O problemă separată este cât de repede se amestecă toate, fără etichetare adecvată. Nu vă faceți griji dacă vă amintiți care dintre aceste multe straturi este cercul mic care se va deplasa spre stânga pe GIF-ul terminat - pur și simplu nu veți face acest lucru. Este imposibil să le urmăriți pe toate și să încercați să faceți acest lucru nu este o utilizare bună a timpului dvs.

Așadar, salvați-vă toată durerea de cap și asigurați-vă că vă etichetați toate straturile pe măsură ce le adăugați la design. Este obositor și destul de repetitiv în unele cazuri, dar nu se știe cât timp vă veți economisi în viitorul apropiat.

Fii mai creativ și urmărește bucle

Designul GIF care permite ca animația să se joace la nesfârșit pe o buclă nu este o sarcină ușoară. Interesantul faptului că GIF-ul tău este o buclă este că oamenii îl pot aprecia mai mult timp, datorită tranziției ușoare de la buclă la buclă.

Design realizat de Sam Ballardini pentru Paramount Pictures

Dacă doriți să aveți o buclă în GIF, vă recomandăm să începeți cu un design simplu - încercați să vizați ceva cu forme geometrice. Acest lucru va facilita potrivirea elementelor în poziția lor pentru sfârșitul și începutul GIF-ului.

Motivul pentru care crearea unei bucle în designul GIF este provocator este că totul trebuie să meargă atât de lin, încât orice greșeli mici vor sări în ochii utilizatorului. Acest lucru nu lasă spațiu pentru elementele care nu sunt poziționate perfect, ceea ce înseamnă că va trebui să acordați o atenție deosebită fiecărui cadru individual al GIF-ului dvs.

Rezultatul final merită totuși. Veți termina cu un GIF care continuă să GIF!

Includeți neclaritatea mișcării acolo unde este posibil

Motion blur în designul GIF a început ca o modalitate de a imita camerele vechi în care imaginile s-ar estompa ușor cu o mișcare rapidă. Asta nu mai este cazul astăzi, în care camerele au devenit atât de avansate încât nu mai avem acel blur, la fel cum ochii noștri nu încețoșează mișcările pe care le vedem.

În designul GIF, încă doriți să îl utilizați, deoarece dacă nu, GIF va fi literalmente rezultatul unei grămezi de cadre fixe împreună. Acest lucru poate duce la senzația GIF ca fiind uluitoare și nu funcționează fără probleme, așa cum s-ar aștepta utilizatorii. Blurul de mișcare are puterea de a vă face GIF-ul să se simtă natural, aproape ca un videoclip real realizat cu o cameră.

Chiar și cu lucrări de ilustrare, doriți în continuare ca GIF-ul dvs. să fie credibil și să se simtă normal pentru utilizatori. Dacă doriți să aflați mai multe despre neclaritatea mișcării, mergeți mai departe și verificați această postare minunată pe blog despre aceasta.

Mențineți dimensiunea fișierului cât mai scăzută posibil

După cum știți, puteți utiliza designul GIF pe aproape orice lucru de pe internet. Platforme de socializare, bloguri și site-uri web sau furnizori de e-mail. Aceasta face parte din motivele pentru care sunt atât de distractive - aproape oricine le poate găsi pe ecranele lor într-o zi dată.

Dar este surprinzător de complex să proiectezi un GIF pe care să îl poți introduce în orice platformă, datorită cerințelor lor stricte de dimensiune, care se pot schimba dramatic între platforme. Iată câteva modalități utile de a păstra fișierul GIF-ului tău:

  • Încercați să păstrați numărul total de cadre din fișierul dvs. sub 150 - în caz contrar, designul dvs. GIF va fi dificil să fie încărcat pe oricare dintre cele mai utilizate platforme pentru că este prea greu.
  • Când exportați GIF-ul, setați pierderile între 5-10. Acest lucru va crește compresia fișierului dvs., deoarece GIF-urile pot permite să piardă pixeli în compresia pe care imaginile sau alte date nu o pot face. Încercați să vă jucați și să găsiți o setare care reduce dimensiunea fișierului fără a afecta designul GIF final.
  • Păstrați utilizarea culorii la minimum. Aceasta este o idee bună nu doar din motive de proiectare, dar adăugarea mai multor culori crește considerabil dimensiunea fișierului. Mai puțină culoare înseamnă mai mult spațiu pentru a te juca cu animație și durata GIF-ului tău.
  • Evitați gradienții cu totul. Transparența este activată sau dezactivată, ceea ce înseamnă că veți ajunge cu o imagine murdară sau un fișier imens care nu poate fi încărcat nicăieri.

Au un design GIF orientat spre mobil

Acest lucru poate părea un principiu prost, având în vedere că utilizatorii de telefonie mobilă pot vedea tot felul de GIF-uri în sălbăticia virtuală. Dar are oarecare merit pentru idee - experiența oamenilor se schimbă dramatic de la un ecran mare la unul mic.

Când vă gândiți la designul dvs. GIF, încercați să alegeți elemente mai mici, astfel încât utilizatorii de smartphone-uri să nu fie supraîncărcați. O altă practică sonoră este să folosiți culori îndrăznețe atunci când doriți să atrageți atenția asupra unui anumit element, astfel încât animația să funcționeze bine indiferent de dispozitivul pe care îl preferă utilizatorii.

Un alt truc pe care îl poți avea pe mânecă este să creezi întotdeauna GIF-uri ca forme pătrate. Aceasta înseamnă că designul dvs. GIF va funcționa bine atunci când utilizatorii navighează prin rețelele lor sociale, fără a face totul să pară mai mic, deoarece fișierul avea dimensiuni care trebuiau adaptate. Puteți decupa GIF mai târziu, ar trebui să fie.

GIF proiectat de Markus Magnusson pe Dribbble

Încheierea

GIF-urile sunt atât de distractive de proiectat și de creat. Sigur, vin cu propriul set de reguli și probleme, dar din fericire niciunul dintre ei nu depășește abilitățile unui designer dedicat. Cu aceste principii minunate pentru proiectarea GIF, vă puteți pune creativitatea la dispoziție pe un tip de conținut de care utilizatorul nu va lua ochii departe.