Top Tendințe de Web Design pentru Aplicare în Edge Animate - dummies

Prin utilizarea Adobe Edge Animate, puteți crea toate tendințele de design listate aici. Tendințele de design web prezentate aici, în cea mai mare parte, reprezintă nu numai noi tehnici de codificare, ci și noi modalități prin care audiența dvs. să interacționeze cu site-ul dvs. în moduri de angajare. Când vă atrageți atenția publicului și îi atrageți în designul dvs. de web, sunteți pe cale să păstrați acel audiență.

Mai multe imagini și ilustrații

Esti obosit si plictisit sa te uiti la un perete de text? Sunt toate acele mici imagini și icoane care încep să arate puțin datate? Are o culoare de fundal solid care te face sa castigi? Dacă simțiți așa, există o șansă bună pentru publicul dvs. să se simtă la fel.

Adăugarea mai multor imagini și ilustrații pe site-ul dvs. poate îmbunătăți considerabil designul dvs. de web. Pentru a face ca site-ul dvs. să pară mai curent, adăugați o imagine subtilă în locul unui fundal alb, gri sau negru.

Puteți importa cu ușurință imaginile de utilizat cu compoziția Animate și cum să lucrați cu ele. Descoperiți cum să utilizați imagini în fundal și diferența dintre utilizarea unei etichete div și a unei etichete img pentru imagini. Puteți seta presetările de aspect pentru imaginile dvs.

Defilarea orizontală

Crearea de desene web cu deplasare orizontală ar putea avea un curaj - rareori a fost făcută - dar asta nu înseamnă că nu a fost făcută înainte și cu mare efect. O căutare simplă pe web pentru "site-uri web orizontale" nu vă va lăsa dezamăgită. Veți găsi numeroase exemple minunate de site-uri de artă, de galerii și de site-uri creative care utilizează derularea orizontală pentru un efect deosebit.

În timp ce acest tip de navigație este încă relativ nou, prin crearea unui site în acest mod, vă puteți plasa în fruntea pachetului în ceea ce privește designul web la modă.

Derulare verticală

Doar opusul deplasării orizontale este derularea verticală. În timp ce navigarea pe verticală a fost o tendință populară de design web de mai mulți ani, în ultimii doi ani a fost mult exagerată.

Multe site-uri utilizează o tehnică verticală de defilare care nu ține capăt, care păstrează publicul pe pagină. Acest stil de prezentare neterminat este conceput pentru a menține atenția publicului pe o căutare continuă pentru mai mult conținut.

Anteturi fixe

Dacă vă decideți să proiectați o pagină web animată utilizând metoda verticală de derulare nefolositoare, atunci vă recomandăm să vă gândiți la adăugarea unui antet fix pe site-ul dvs. Un antet fix este un meniu de navigare care se află în partea de sus a paginii și rămâne vizibil pe măsură ce publicul dvs. derulează pagina.

Această caracteristică permite audienței dvs. să navigheze rapid de unde se află într-o altă secțiune a site-ului dvs. și să știe întotdeauna unde este.

Un antet fix este o comoditate pe care publicul dvs. o poate aprecia, pentru că nu trebuie să deruleze până la capătul paginii pentru a găsi meniul. Funcțiile care ține minte confortul utilizatorilor vor păstra, de asemenea, publicul dvs. pe site-ul dvs. pentru perioade mai lungi de timp.

Navigare creativă

Obținerea de informații creative cu ajutorul navigației dvs. este perfect complementară utilizării mai multor ilustrații și imagini în desenele web. În locul unui meniu de text de bază, utilizați imagini pentru a desemna un link. După ce utilizatorii dvs. învață că pot face clic pe imagini pentru a avansa pe site-ul dvs., vor deveni mai confortabili în căutarea unor linkuri în locuri neobișnuite de pe site.

Acest tip de interacțiune deschide oportunitatea de a crea ouă de Paște pe site-ul dvs. Un ou de Paște, în acest context, reprezintă un conținut aparent ascuns, care poate surprinde și exciza publicul dvs. când se împiedică.

O modalitate excelentă de a arăta publicului că o imagine sau o pictogramă este o legătură este de a folosi caracteristica atribut Cursor în Animate. Când publicul dvs. trece pointerul mouse-ului peste o imagine legată, cursorul se poate schimba de la un indicator la o mână, indicând un link.

Storytelling

Toată lumea iubește o poveste interesantă. Deci, de ce să nu creați un site sau o animație care să vă spună audienței o poveste interesantă? În loc să creați un site de bază al restaurantului, care să prezinte doar imagini ale hranei și descrieri ale ingredientelor, de ce să nu creați o poveste fantastică de fundal?

În afară de listarea celor mai bune feluri de mâncare ca fiind ecologice la nivel local, bunătate susținută de fermă, de ce să nu adăugați o poveste despre cuplul care sa angajat între cursul principal și desert? Puteți adăuga o animație a unui inel care cade într-un flaut de șampanie, complet cu bule în creștere.

Vizitatorii site-ului s-ar putea să fi sosit la restaurantul tău în căutarea unei mese bune, dar ei vor rămâne să afle mai multe despre ce se întâmplă la celelalte mese. Storytelling animațiile site-ului nu numai că îmbunătățesc prezentarea, ci se pot conecta cu experiențele de viață ale vizitatorilor.

Navigarea pe o singură pagină

Site-urile web dintr-o singură pagină - o dată cunoscut sub numele de site-uri de broșură - fac o revenire. Prin menținerea publicului dvs. pe o singură pagină care poate prelua aspectul diferitelor pagini diferite, puteți profita de tendința derulării.

În loc să faceți clic pe diverse pagini în încercarea de a găsi ceva, publicul dvs. vă poate parcurge site-ul în timp ce avansează prin conținutul dvs. Linkurile care servesc drept imagini pot ajuta, de asemenea, publicul dvs. să sară direct la anumite locuri de pe site atunci când știu ce doresc - în timp ce încă angrenează pe cineva care cauzează căutări.

Prin crearea unui site așa cum este descris în această secțiune, profitați într-adevăr de câteva tendințe curente de design web: derularea pentru informații, utilizarea mai multor imagini și implementarea navigației creative …

Deplasarea de pe bliț

Adobe Flash a fost odată valul viitorului, dar valul sa prăbușit pe plajă și o nouă undă se rostogolește.În cazul în care Flash a fost instrumentul predominant pentru crearea de animații și site-uri web, gloria acestui instrument a venit și a plecat.

Adobe Edge Animate ar putea să nu fie destul de pregătit să înlocuiască complet Flash-ul, dar este pe cale să realizeze doar asta. La urma urmei, nu puteți să vizualizați Flash pe dispozitivele i, cum ar fi iPhone-urile și iPad-urile și care dorește să creeze conținut care pare a fi defect pe unele dintre cele mai populare dispozitive mobile?

HTML5, CSS3 și JavaScript

Lumea tehnicilor de web design și codificare este în continuă evoluție. Tendința mare în cod este HTML5 și CSS3, care vor deveni din ce în ce mai înrădăcinate în web-o-sfera. Google Chrome conduce taxa, implementând cele mai recente standarde - cu Firefox și Safari chiar alături.

Apoi, există Internet Explorer - în prezent, un pic târziu se arată la petrecere - dar Microsoft face pași mari în actualizarea browser-ul lor pentru a ține pasul.

Asigurați-vă că animația dvs. nu apare încălcată de versiunile mai vechi ale Internet Explorer, utilizând Stage Down-Level și diferitele opțiuni de publicare pe care le oferă Edge Animate. În aceste privințe, pur și simplu folosind Adobe Edge Animate ar putea fi considerată o tendință de design web în sine!

Design Web Responsabil

Responsabilitatea designului web (RWD) este cea mai recentă furie în zilele noastre. Conceptul din spatele RWD este de a crea un site pentru a fi utilizat pe orice număr de dispozitive, de la monitoare desktop la tablete până la telefoane. În timp ce proiectanții web ar putea fi împărțiți în privința creării unui site mobil separat de un site desktop sau pentru a crea un singur site care să răspundă la dimensiunea browserului, tendința se înclină spre tabăra responsabilă.

Motivul este destul de simplu, prin crearea unui site receptiv, nu trebuie să actualizați două site-uri diferite. Crearea unui punct RWD în direcția viitorului; cu cât tehnicile și instrumentele avansate de codificare devin, cu atât vor lucra mai bine cu RWD. Luați în considerare încă o dată Adobe Edge Animate vă pune în avangarda tendințelor de design web.