Topp Webdesign Trends å bruke i Edge Animate - dummies

Ved å bruke Adobe Edge Animate kan du opprette alle designtrender som er oppført her. De webdesigntrender som presenteres her, representerer ikke bare nye kodingsteknikker, men også nye måter for publikum til å samhandle med nettstedet ditt på engasjerende måter. Når du tar tak i publikums oppmerksomhet og får dem til å bli fascinert i ditt webdesign, er du godt på vei for å beholde det publikum.

Flere bilder og illustrasjoner

Er du lei og lei deg av å se på en vegg med tekst? Er alle de små bildene og ikonene begynner å se litt datert ut? Gjør en solid bakgrunnsfarge deg til å gjespe? Hvis du føler den måten, er det en god sjanse for publikum på samme måte.

Legge til flere bilder og illustrasjoner på nettstedet ditt, kan forbedre webdesignet ditt sterkt. For å gjøre nettstedet ditt mer aktuelt, legg til et subtilt bakgrunnsbilde i stedet for å bruke en hvit, grå eller svart bakgrunn.

Du kan enkelt importere bilder til bruk med Animate-sammensetningen og hvordan du kan jobbe 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 Layout forhåndsinnstillinger for bildene dine.

Horisontal rulling

Å lage webdesign med horisontal rulling kan ta litt mot - det er sjelden gjort - men det betyr ikke at det ikke har blitt gjort før og med stor effekt. Et enkelt websøk etter "store horisontale nettsteder" vil ikke forlate deg skuffet. Du finner mange gode eksempler på kunststeder, gallerier og kreative nettsteder som bruker horisontal rulling til stor effekt.

Selv om denne typen navigasjon fortsatt er relativt ny, kan du ved å lage et nettsted på denne måten plassere deg selv i hodet på pakken når det gjelder moderne webdesign.

Vertikal rulling

Det motsatte av horisontal rulling er vertikal rulling. Mens rulling vertikalt har vært en populær webdesign trend i mange år, det siste året eller to har det vært sterkt overdrevet.

Mange nettsteder bruker en uendelig vertikal-rulleteknikk som holder publikum på siden. Denne uendelige presentasjonsstilen er designet for å holde publikum oppmerksom på kontinuerlig søk etter mer innhold.

Faste overskrifter

Hvis du bestemmer deg for å designe en animert nettside ved hjelp av den uendelige vertikal rull-metoden, kan du tenke deg å legge til en fast overskrift på nettstedet ditt. En fast topptekst er en navigasjonsmeny som hviler øverst på siden, og den er fortsatt synlig når publikum ruller nedover siden.

Denne funksjonen gjør det mulig for publikum å navigere raskt fra hvor de er til en annen del av nettstedet ditt - og vet alltid hvor de er.

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

Kreativ navigering

Å bli kreativ med navigasjonen din, er pent komplementær til å bruke flere illustrasjoner og bilder i webdesign. I stedet for en grunnleggende tekstmeny, bruk bilder for å angi en lenke. Etter at brukerne har lært at de kan klikke på bilder for å gå videre gjennom nettstedet ditt, blir de mer komfortable når de leter etter lenker i uvanlige steder på nettstedet ditt.

Denne typen interaksjon åpner muligheten til å lage påskeegg på nettstedet ditt. Et påskeegg representerer i denne sammenheng tilsynelatende skjult innhold som kan overraske og opphisse 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 animere. Når målgruppen din passerer musepekeren over et koblet bilde, kan markøren skifte fra en peker til en hånd, som indikerer en lenke.

Storytelling

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

I tillegg til å notere dine beste retter som lokal økologisk, gårdshøyd, bærekraftig godhet, hvorfor ikke legge til en historie om paret som ble forlovet mellom hovedretten og desserten? Du kan legge til en animasjon av en ring som faller inn i en fløyte av champagne, komplett med stigende bobler.

Besøkende på nettstedet kan ha kommet til restaurantområdet ditt og leter etter et godt måltid, men de vil fortsette å lære mer om hva som foregår på de andre bordene. Storytelling nettsted animasjoner ikke bare forbedre presentasjonen, de kan koble til besøkende livserfaringer.

Navigere på en side

En-siders nettsteder - en gang kjent som brosjyre nettsteder - gjør et comeback. Ved å holde publikum på en enkelt side som kan utse utseendet på ulike sider, kan du dra nytte av rulletrenden.

I stedet for å klikke rundt på forskjellige sider i et forsøk på å finne noe, kan publikum i stedet bla gjennom nettstedet ditt når de går videre gjennom innholdet ditt. Lenker som fungerer som bilder, kan også hjelpe publikum til å hoppe direkte til bestemte steder på nettstedet når de vet hva de vil - samtidig som de engasjerer noen som søker casually.

Ved å opprette et nettsted som beskrevet i dette avsnittet, utnytter du virkelig noen få gjeldende webdesigntrender: Rulling for informasjon, bruk av flere bilder og implementering av kreativ navigasjon …

Flytte bort fra flash

Adobe Flash var en gang fremtidens bølge, men den bølgen har krasjet på stranden og en ny bølge ruller inn.Hvor Flash pleide å være det overordnede verktøyet for å lage animasjoner og nettsteder, har verktøyets storhetstid kommet og gått.

Adobe Edge Animate er kanskje ikke helt klar til å erstatte Flash helt, men det er på vei for å oppnå akkurat det. Tross alt kan du ikke se Flash på i-enheter som iPhones og iPads, og hvem vil lage innhold som vises ødelagt på noen av de mest populære mobile enhetene rundt?

HTML5, CSS3 og JavaScript

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

Da er det Internet Explorer - for tiden litt sent oppe på festen - men Microsoft gjør store fremskritt i å oppdatere nettleseren for å holde tritt.

Sørg for at animasjonen din ikke kommer til å bli ødelagt på eldre versjoner av Internet Explorer ved å bruke nedre nivå-scenen og de forskjellige alternativer for webpublisering som Edge Animate tilbyr. I disse hilsen kan du bare bruke Adobe Edge Animate betraktes som en webdesign trend selv!

Responsive Web Design

Responsive webdesign (RWD) er den siste raseriet i disse dager. Konseptet bak RWD er å designe et nettsted for bruk på et hvilket som helst antall enheter, fra skrivebordsmonitorer til tabletter til telefoner. Mens webdesignere kan deles om å lage et mobilnettsted hver for seg fra et skrivebordsside, eller for å lage et enkelt nettsted som kan svare på nettleserstørrelsen, tippes trenden til den responsive leiren.

Årsaken til dette er ganske enkelt, ved å lage et responsivt nettsted, behøver du ikke å oppdatere to forskjellige nettsteder. Opprette en RWD-poeng i fremtidens retning; Jo mer avanserte kodingsteknikker og -verktøy blir, desto bedre blir de med RWD. Tenk på det på en måte Adobe Edge Animate setter deg i forkant av webdesigntrender.