» Animaţia – Design Bannere - Web design blog

Animaţia – Design Bannere

In momentul de fata. Majoritatea ads-urilor de bannere sunt GIF-uri – si majoritatea acestora sunt animate. Advertiserii trebuie sa castige atentia oamenilor, si suntem cu totii niste fraieri care vor sa faca ceva sa danseze macar cate putin. Marea majoritate a oamenilor considera bannerele animate ca fiind cel mai suparator lucru de pe Web – dar deocamdata,… Ele par sa functioneze. Asa ca, ce facem pentru a face GIF-ul sa miste ?Ce se gaseste intr-un GIF?
Un fisier GIF este alcatuit din “blocuri”. Acestea pot fi imagini, comentarii ( cine a facut GIF-ul si cine detine copyright-ul), si – important pentru animatii – blocuri de “control”. Asa ca poate sa existe o serie de imagini, de cadre, care compun animatia, si intre ele se va situa un bloc de control care ii va spune browser-ului (printre alte lucruri) cat de mult trebuie sa astepti inainte de afisarea urmatorului cadru. In completare, exista optiuni diferite despre fiecare cadru subsecvent care ar trebui afisat: ar trebui cel anterior sa fie vizionat primul ? Ar trebui sa ramana in acelasi loc si sa-l propulseze pe urmatorul in top ?
S-ar putea sa vrei sau nu sa inveti despre ceea ce inseamna munca interioara pentru realizarea unui Gif animat. Cei mai multi oameni au lucruri mai bune de facut cu timpul lor, si in mod deplin justificat obtin unul din instrumentele excelente pentru animatie. Dar, asa cum web page-urile se fac utilizand editoare WYSIWYG ca FrontPage, vei afla ca trebuie sa inveti cate ceva despre ceea ce se intampla in spatele scenei pentru a obtine rezultatul dorit, chiar si utilizand un instrument vizual. Probabil ca vei invata ceea ce trebuie sa stii de-a lungul efortului tau – dar poti sa parcurgi detaliile la acest site GIF animation.

Software
Dintre multele oferte de instrumente de animatie GIF, iti recomandam AdobePhotoshop 6 ( pentru cei ce pot plati cu cash ), sau, la fel de bun, Paint Shop Pro 6. Acest program s-ar putea sa fie salvatorul tau aici – este instrumentul de Animatie care are un banner creation wizard!

Dimensiunea Fisierului
Un dezavantaj evident al animatiei este acela ca iti mareste dimensiunea fisierului. Daca software-ul tau are optiuni de optimizare bune, acesta nu trebuie sa insemne ca un banner cu 10 cadre este de 10 ori dimensiunea unui banner static. Unele din trucuri pot apare pe parcurs prin schimbarea a ceea ce misca de la un cadru la altul. Dar nici macar marile animatii nu justifica un fisier prea mare. Utilizatorii nu vor gandi ca au meritat sa astepte – ei isi vor pierde interesul inainte ca descarcarea paginii sa fie completa. Cele mai multe recomandari pentru bannerele animate indica o plaja de dimenisine intre 10 – 15 Kb.

Durata
Asigura-te ca toata animatia nu dureaza mai mult de 3- 5 secunde in care sa se ruleze. Nu faci un scurt metraj aici! Experimentul cu intarzierea intre diferite cadre intregii secvante un ritm mai seducator. Inca o data, va trebui sa faci ceva dramatic in acest loc, uitandu-te la intreaga poveste cu bannerul in acelasi mod ca un actor va lua in considerarea sustinerea unui monolog, poate si mai curat, mai clar. Variind durata dintre diferite cadre va da animatiei un ritm cert, o caracteristica cheie pentru o animatie de banner liniara de succes. Asigura-te ca ultimul cadru – care va contine probabil informatii vitale – este realizat putin mai lung permitand sa fie micsorat.

Looping ( incercuiri )
GIF-urile animate pot fi incercuite, de un numar de ori indefinit. Multi aleg o optiune indefinita, dorind ca GIF-ul lor sa atraga atentia atata timp cat sunt pe ecran, dar tu n-ar trebui sa lasi sa-ti scape din mana incercuirile finite – pentru ca ele s-ar putea sa fie chiar trucul de care ai nevoie in campania ta. Browserele Netscape au probleme cu GIF-urile cu incercuire si reusesc sa afiseze doar primul cadru, dar aceasta nu trebuie sa reprezinte o ingrijorare semnificativa pentru advertiserii de bannere pentru momentul prezent.
De asemenea, nu te gandi ca esti legat de modelele de animatie liniare. In loc sa ai de-a face cu modelul de animatie “un lucru care urmeaza dupa altul, pana la capat”, ai putea avea un anumit tip de miscare captivanta, cum ar fi un fundal pulsatoriu, care utilizeaza incercuiri indefinite pentru a face miscarea continua. In mod evident, miscarea de du-te vino a acestuia poate sa devina suparatoare, asa ca alege ceea ce vrei cu mare atentie.