Topp nettdesigntrender å bruke i Edge Animate

Ved å bruke Adobe Edge Animate kan du lage alle designtrendene som er oppført her. Nettdesigntrendene som presenteres her, representerer for det meste ikke bare nye kodeteknikker, men også nye måter for publikum å samhandle med nettstedet ditt på engasjerende måter. Når du fanger publikums oppmerksomhet og får dem til å fascinere i webdesignet ditt, er du på god vei til å beholde den målgruppen.

Mer bilder og illustrasjoner

Er du lei og lei av å se på en vegg med tekst? Begynner alle de små bildene og ikonene å se litt utdaterte ut? Får en solid bakgrunnsfarge deg til å gjespe? Hvis du føler det slik, er det en god sjanse for at publikum har det på samme måte.

Å legge til flere bilder og illustrasjoner på nettstedet ditt kan forbedre webdesignet ditt betraktelig. For å få nettstedet ditt til å se mer oppdatert ut, legg til et subtilt bakgrunnsbilde i stedet for å bruke en hvit, grå eller svart bakgrunn.

Du kan enkelt importere bilder for bruk med din Animate-komposisjon og hvordan du arbeider med dem. Oppdag hvordan du bruker bilder i bakgrunnen og forskjellen mellom å bruke en div-tag og en img-tag for bildene. Du kan angi forhåndsinnstillinger for layout for bildene dine.

Horisontal rulling

Å lage webdesign med horisontal rulling kan kreve litt mot – det er sjelden blitt gjort – men det betyr ikke at det ikke har blitt gjort før og med stor effekt. Et enkelt nettsøk etter "gode horisontale nettsteder" vil ikke gjøre deg skuffet. Du vil finne mange flotte eksempler på kunstsider, gallerier og kreative nettsteder som bruker horisontal rulling med stor effekt.

Selv om denne typen navigering fortsatt er relativt ny, kan du ved å lage et nettsted på denne måten plassere deg selv i toppen av flokken når det gjelder fasjonabelt webdesign.

Vertikal rulling

Akkurat det motsatte av horisontal rulling er vertikal rulling. Mens rulling vertikalt har vært en populær nettdesigntrend i mange år, har den i løpet av de siste årene eller to blitt sterkt overdrevet.

Mange nettsteder bruker en uendelig vertikal rullingsteknikk som holder publikum på siden. Denne uendelige presentasjonsstilen er designet for å holde publikums oppmerksomhet på et kontinuerlig søk etter mer innhold.

Faste overskrifter

Hvis du bestemmer deg for å designe en animert nettside ved å bruke den uendelige vertikalrullingsmetoden, kan det være lurt å tenke på å legge til en fast overskrift på nettstedet ditt. En fast overskrift er en navigasjonsmeny som hviler øverst på siden, og den forblir synlig mens publikum ruller nedover siden.

Denne funksjonen lar publikum navigere raskt fra der de er til en annen del av nettstedet ditt – og alltid vite hvor de er.

En fast overskrift er en bekvemmelighet som publikum kan sette pris på fordi de ikke trenger å rulle helt tilbake til toppen av siden for å finne menyen. Funksjoner som har brukervennlighet i tankene, vil også holde publikum på nettstedet ditt i lengre perioder.

Kreativ navigering

Å være kreativ med navigasjonen er et godt komplement til å bruke flere illustrasjoner og bilder i webdesignene dine. I stedet for en grunnleggende tekstmeny, bruk bilder for å angi en lenke. Etter at brukerne har fått vite at de kan klikke på bilder for å gå gjennom nettstedet ditt, vil de bli mer komfortable med å se etter koblinger på uvanlige steder på nettstedet ditt.

Denne typen interaksjon åpner for muligheten til å lage påskeegg på nettstedet ditt. Et påskeegg, i denne sammenheng, representerer tilsynelatende skjult innhold som kan overraske og begeistre publikum når de snubler over det.

En flott måte å vise publikum at et bilde eller et ikon er en lenke, er å bruke markørattributtfunksjonen i Animate. Når publikum fører musepekeren over et koblet bilde, kan markøren endres fra en peker til en hånd, noe som indikerer en lenke.

Historiefortelling

Alle elsker en engasjerende historie. Så hvorfor ikke designe et nettsted eller en animasjon som forteller publikum en engasjerende historie? I stedet for å lage et grunnleggende restaurantnettsted som kun presenterer bilder av maten og beskrivelser av ingredienser, hvorfor ikke lage en fantasifull bakgrunnshistorie?

I tillegg til å liste opp de beste rettene dine som lokalt økologiske, gårdsoppdratt, bærekraftig godhet, hvorfor ikke legge til en historie om paret som forlovet seg mellom hovedretten og desserten? Du kan legge til en animasjon av en ring som faller ned i en champagnefløyte, komplett med stigende bobler.

Besøkende på nettstedet kan ha kommet til restaurantområdet ditt på jakt etter et godt måltid, men de blir værende for å lære mer om hva som foregår ved de andre bordene. Animasjoner på nettstedet for historiefortelling forbedrer ikke bare presentasjonen, de kan koble til besøkendes livserfaringer.

Navigerer på én side

Ensides nettsteder – en gang kjent som brosjyresider – gjør et comeback. Ved å holde publikumet ditt på en enkelt side som kan få utseendet til forskjellige sider, kan du dra nytte av rulletrenden.

I stedet for å klikke rundt til forskjellige sider i et forsøk på å finne noe, kan publikum i stedet bla gjennom nettstedet ditt mens de går gjennom innholdet ditt. Lenker som fungerer som bilder kan også hjelpe publikum med å hoppe direkte til bestemte steder på nettstedet når de vet hva de vil ha – mens de fortsatt engasjerer noen som leter tilfeldig.

Ved å opprette et nettsted som beskrevet i denne delen drar du virkelig nytte av noen få aktuelle nettdesigntrender: bla etter informasjon, bruke flere bilder og implementere kreativ navigering.

Beveger deg bort fra blitsen

Adobe Flash var en gang fremtidens bølge, men den bølgen har krasjet på stranden og en ny bølge ruller inn. Der Flash tidligere var det dominerende verktøyet for å lage animasjoner og nettsider, har det verktøyets storhetstid kommet og gått.

Adobe Edge Animate er kanskje ikke helt klar til å erstatte Flash fullstendig, men det er på vei til å oppnå nettopp det. Tross alt kan du ikke se Flash på i-enheter som iPhone og iPad, og hvem vil lage innhold som ser ut som ødelagt på noen av de mest populære mobile enhetene som finnes?

HTML5, CSS3 og JavaScript

Verden av webdesign og kodeteknikker er i stadig utvikling. Den store trenden innen kode er HTML5 og CSS3, som bare kommer til å bli stadig mer inngrodd i web-o-sfæren. Google Chrome leder an, og implementerer de nyeste standardene – med Firefox og Safari rett ved siden av.

Så er det Internet Explorer – for øyeblikket litt sent med å dukke opp på festen – men Microsoft gjør store fremskritt med å oppdatere nettleseren for å holde tritt.

Beskytt animasjonen din fra å vises ødelagt på eldre versjoner av Internet Explorer ved å bruke Down-level Stage og de forskjellige nettpubliseringsalternativene som Edge Animate tilbyr. I disse henseende kan bare bruk av Adobe Edge Animate betraktes som en webdesigntrend i seg selv!

Responsivt webdesign

Responsiv webdesign (RWD) er det siste raseriet i disse dager. Konseptet bak RWD er å designe ett nettsted for bruk på et hvilket som helst antall enheter, fra stasjonære skjermer til nettbrett til telefoner. Mens nettdesignere kan være delt i om de skal lage et mobilnettsted separat fra et skrivebordsnettsted, eller å lage et enkelt nettsted som kan svare på nettleserstørrelsen, er trenden på vei mot den responsive leiren.

Grunnen til dette er ganske enkel, ved å lage ett responsivt nettsted, trenger du ikke å fortsette å oppdatere to forskjellige nettsteder. Å lage en RWD peker i retning av fremtiden; jo mer avanserte kodeteknikker og verktøy blir, jo bedre vil de fungere med RWD. Vurder det enda en måte Adobe Edge Animate setter deg i forkant av nettdesigntrender.