- - Creați modele de animație și interacțiune web în HTML 5 cu Adobe Edge

Creați modele de animație și interacțiune web în HTML 5 cu Adobe Edge

Cele mai recente standarde web, HTML5 și CSS3 înîmpreună cu JavaScript au redus cu adevărat timpul și efortul implicate în crearea de site-uri web bogate în grafică, text și animație. Folosind puterile HTML5, nu mai trebuie să scrieți manual codul pentru încorporarea conținutului multimedia, în timp ce CSS3 face ca elementele dvs. de utilizator web să fie mai flexibile, robuste și, mai important, să fie mai ușor de gestionat. Dacă ați căutat un instrument de proiectare web care să vă permită să profitați maxim de cele mai recente standarde web fără să vă obligați să introduceți manual cod pentru fiecare element UI, nou lansat Adobe Edge este probabil doar ceea ce ai nevoie.

Adobe Edge a fost scris în special pentrudesigneri vizuali, web și interacțiuni care se luptă adesea cu crearea de mișcare web și conținut animat folosind standardele web HTML5, CSS3 și JavaScript. Este practic un instrument de mișcare web și design de interacțiune pentru crearea de conținut animat folosind HTML5, CSS3 și JavaScript. În timp ce încorporează toate instrumentele de bază pentru crearea, editarea, reglarea și proiectarea elementelor UI web, oferă un coregraf intuitiv de animație pentru a crea și regla cu ușurință conținutul animat din pagina web. Mai mult decât atât, nu te obligă să începi un proiect nou de la zero, poți importa fișierul HTML în el pentru a include compoziții UI noi și a face legături cu elemente UI existente, cum ar fi, tabel, stiluri de text, nuanțe de imagine, poziție, font, aliniere container și multe altele.

Interfața principală este împărțită în 3 secțiuni. Bara laterală din stânga conține instrumente de compoziție ale elementelor UI, bara din partea dreaptă are toate listele principale de elemente UI web, inclusiv efecte de umbră, imagini, text, în timp ce secțiunea de jos conține editorul de cronologie pentru animațiile coregrafice.

Principalul muchiei 2

Panoul Elemente vă permite să afișați / ascundeți selectatelement și blocați-l în jos pentru a preveni editare ulterioară. Când selectați un element din ecranul principal, acesta îl evidențiază imediat în panoul Elemente, ușor să îl ascundeți sau să îl blocați. Când treceți cursorul mouse-ului peste un element listat în Elements, acesta vă spune inițialele clasei cu numele, astfel încât să puteți identifica cu ușurință în fișierul CSS.

elemente principale

Panoul de proprietăți din partea stângă aratăinstrumente de compoziție pentru elementul UI selectat al paginii tale web. Odată selectat, puteți modifica dimensiunea locației, opacitatea, familia de fonturi de text, dimensiunea și stilurile de text, puteți seta originea transformării, rotirea imaginii ș.a.

marginea 3

Editorul de cronologie vă permite să vizualizați cronologiaa fiecărui element animat. Dacă aveți de-a face cu un fișier CSS imens, faceți clic pe butonul de filtrare pentru a afișa numai elemente animate din panoul Elemente pentru a edita rapid pozițiile, culorile, dimensiunea, etc. În partea stângă jos a panoului, aveți butonul zoom pentru a mări cronologia. pentru verificarea timpului alocat și a efectului de tranziție al tuturor elementelor animate.

elemente animate

În afară de crearea compatibilă a browseruluiConținutul animat pentru toate browserele web foarte populare, inclusiv Firefox, Chrome, Internet Explorer 9, conținutul web creat prin acest instrument va funcționa perfect și pe platformele iOS și Android. Conform comunității oficiale, Edge Preview este în dezvoltare activă și va fi actualizat în curând cu o mulțime de funcții. Adobe Edge funcționează pe Windows Vista și Windows 7.

Descărcați Adobe Edge

Comentarii