Les principals tendències de disseny web per aplicar a Edge Animate

Mitjançant l'Adobe Edge Animate, podeu crear totes les tendències de disseny enumerades aquí. Les tendències de disseny web que es presenten aquí, en la seva major part, representen no només noves tècniques de codificació, sinó també noves maneres perquè el vostre públic interactuï amb el vostre lloc de manera atractiva. Quan crideu l'atenció del vostre públic i els intrigueu pel vostre disseny web, esteu en bon camí per retenir aquest públic.

Més imatges i il·lustracions

Estàs cansat i avorrit de mirar una paret de text? Totes aquestes imatges i icones petites comencen a semblar una mica antiquades? Un color de fons sòlid et fa badallar? Si us sentiu així, hi ha moltes possibilitats que el vostre públic se senti de la mateixa manera.

Afegir més imatges i il·lustracions al vostre lloc pot millorar molt el vostre disseny web. Perquè el vostre lloc sembli més actual, afegiu una imatge de fons subtil en lloc d'utilitzar un fons blanc, gris o negre.

Podeu importar imatges fàcilment per utilitzar-les amb la vostra composició Animate i com treballar-hi. Descobriu com utilitzar imatges en segon pla i la diferència entre utilitzar una etiqueta div i una etiqueta img per a les imatges. Podeu configurar preajustos de disseny per a les vostres imatges.

Desplaçament horitzontal

La creació de dissenys web amb desplaçament horitzontal pot necessitar una mica de coratge (poques vegades s'ha fet), però això no vol dir que no s'hagi fet abans i amb un gran efecte. Una simple cerca a la web de "llocs web horitzontals fantàstics" no us decebrà. Trobareu molts exemples fantàstics de llocs d'art, galeries i llocs creatius que utilitzen el desplaçament horitzontal amb gran efecte.

Tot i que aquest tipus de navegació encara és relativament nou, en crear un lloc d'aquesta manera us podríeu situar al capdavant del grup pel que fa al disseny web de moda.

Desplaçament vertical

Just el contrari del desplaçament horitzontal és el desplaçament vertical. Tot i que el desplaçament vertical ha estat una tendència popular de disseny web durant molts anys, durant els darrers dos o dos anys s'ha exagerat molt.

Molts llocs utilitzen una tècnica de desplaçament vertical interminable que manté l'audiència a la pàgina. Aquest estil de presentació interminable està dissenyat per mantenir l'atenció del públic en una recerca contínua de més contingut.

Capçaleres fixes

Si decidiu dissenyar una pàgina web animada mitjançant el mètode de desplaçament vertical interminable, potser voldreu pensar en afegir una capçalera fixa al vostre lloc. Una capçalera fixa és un menú de navegació que es troba a la part superior de la pàgina i es manté visible a mesura que el públic es desplaça per la pàgina.

Aquesta funció permet al vostre públic navegar ràpidament des d'on es troba a una secció diferent del vostre lloc i saber sempre on són.

Una capçalera fixa és una comoditat que el vostre públic pot apreciar perquè no s'han de desplaçar fins a la part superior de la pàgina per trobar el menú. Les funcions que tenen en compte la comoditat dels usuaris també mantindran el vostre públic al vostre lloc durant períodes de temps més llargs.

Navegació creativa

Ser creatiu amb la vostra navegació és completament complementari a l'ús de més il·lustracions i imatges als vostres dissenys web. En lloc d'un menú de text bàsic, utilitzeu imatges per indicar un enllaç. Quan els vostres usuaris sàpiguen que poden fer clic a les imatges per avançar pel vostre lloc, es sentiran més còmodes cercant enllaços en llocs inusuals del vostre lloc.

Aquest tipus d'interacció obre l'oportunitat de crear ous de Pasqua al vostre lloc. Un ou de Pasqua, en aquest context, representa un contingut aparentment ocult que pot sorprendre i emocionar el vostre públic quan s'hi trobi.

Una bona manera de mostrar al vostre públic que una imatge o una icona és un enllaç és utilitzar la funció d'atribut del cursor a Animate. Quan el vostre públic passa el punter del ratolí per sobre d'una imatge enllaçada, el cursor pot canviar d'un punter a una mà, indicant un enllaç.

Narració de contes

A tothom li encanta una història atractiva. Aleshores, per què no dissenyeu un lloc o una animació que expliqui al vostre públic una història atractiva? En lloc de crear un lloc web bàsic de restaurant que només presenti imatges del menjar i descripcions dels ingredients, per què no crear una història de fons fantàstica?

A més d'enumerar els vostres millors plats com a productes ecològics locals, de granja i de bondat sostenible, per què no afegir una història sobre la parella que es va comprometre entre el plat principal i les postres? Podeu afegir una animació d'un anell que cau en una flauta de xampany, amb bombolles que creixen.

És possible que els visitants del lloc hagin arribat al lloc del vostre restaurant buscant un bon àpat, però es quedaran per obtenir més informació sobre el que passa a les altres taules. Les animacions dels llocs web de narració de contes no només milloren la presentació, sinó que també poden connectar amb les experiències de vida dels visitants.

Navegació dins d'una pàgina

Els llocs web d'una pàgina, abans coneguts com a llocs de fullets , estan tornant. Si manteniu el vostre públic en una única pàgina que pot tenir l'aspecte de diverses pàgines diferents, podeu aprofitar la tendència de desplaçament.

En lloc de fer clic a diferents pàgines per intentar trobar alguna cosa, el vostre públic pot desplaçar-se pel vostre lloc a mesura que avança pel vostre contingut. Els enllaços que serveixen com a imatges també poden ajudar el vostre públic a saltar directament a llocs específics del lloc quan sàpiguen què volen, tot i que continuen involucrant algú que està cercant casualment.

En crear un lloc tal com es descriu en aquesta secció, realment esteu aprofitant algunes tendències actuals de disseny web: desplaçar-vos per obtenir informació, utilitzar més imatges i implementar una navegació creativa.

Allunyant-se del flash

Adobe Flash va ser una vegada l'onada del futur, però aquesta onada s'ha estavellat a la platja i s'està produint una nova onada. Allà on Flash solia ser l'eina predominant per crear animacions i llocs web, l'apogeu d'aquesta eina ha arribat i ha desaparegut.

És possible que Adobe Edge Animate no estigui preparat per substituir completament Flash, però està a punt d'aconseguir-ho. Al cap i a la fi, no podeu veure Flash en dispositius i com ara iPhones i iPads, i qui vol crear contingut que sembli trencat en alguns dels dispositius mòbils més populars?

HTML5, CSS3 i JavaScript

El món del disseny web i les tècniques de codificació està en constant evolució. La gran tendència en codi és HTML5 i CSS3, que només s'arreglaran cada cop més a la web-o-sphere. Google Chrome lidera la càrrega, implementant els estàndards més recents, amb Firefox i Safari al costat.

Després hi ha Internet Explorer, que actualment apareix una mica tard a la festa, però Microsoft està fent grans avenços en l'actualització del seu navegador per seguir el ritme.

Protegiu la vostra animació perquè no aparegui trencada a les versions anteriors d'Internet Explorer utilitzant l'etapa de nivell inferior i les diferents opcions de publicació web que ofereix Edge Animate. En aquest sentit, simplement utilitzar Adobe Edge Animate es podria considerar una tendència de disseny web en si!

Disseny Web Responsive

El disseny web responsive (RWD) és l'última moda en aquests dies. El concepte darrere de RWD és dissenyar un lloc per utilitzar-lo en qualsevol nombre de dispositius, des de monitors d'escriptori fins a tauletes i telèfons. Tot i que els dissenyadors web poden estar dividits sobre si crear un lloc mòbil per separat d'un lloc d'escriptori o crear un únic lloc que pugui respondre a la mida del navegador, la tendència s'està inclinant cap al camp de resposta.

La raó d'això és bastant senzilla, en crear un lloc responsiu, no cal que continuïs actualitzant dos llocs diferents. La creació d'un RWD apunta en la direcció del futur; com més avançades siguin les tècniques i les eines de codificació, millor funcionaran amb RWD. Considereu-ho una altra manera en què Adobe Edge Animate us posa a l'avantguarda de les tendències de disseny web.