Top webdesigntrends at anvende i Edge Animate

Ved at bruge Adobe Edge Animate kan du oprette alle de designtrends, der er angivet her. De webdesigntrends, der præsenteres her, repræsenterer for det meste ikke kun nye kodningsteknikker, men også nye måder for dit publikum at interagere med dit websted på engagerende måder. Når du fanger dit publikums opmærksomhed og får dem til at fascinere i dit webdesign, er du godt på vej til at fastholde denne målgruppe.

Flere billeder og illustrationer

Er du træt og træt af at se på en væg med tekst? Er alle de små billeder og ikoner begyndt at se lidt forældede ud? Får en solid baggrundsfarve dig til at gabe? Hvis du føler sådan, er der en god chance for, at dit publikum har det på samme måde.

Tilføjelse af flere billeder og illustrationer til dit websted kan i høj grad forbedre dit webdesign. For at få dit websted til at se mere aktuelt ud, skal du tilføje et subtilt baggrundsbillede i stedet for at bruge en hvid, grå eller sort baggrund.

Du kan nemt importere billeder til brug med din Animate-komposition, og hvordan du arbejder med dem. Opdag, hvordan du bruger billeder i baggrunden og forskellen mellem at bruge et div-tag og et img-tag til billederne. Du kan indstille Layout-forudindstillinger for dine billeder.

Vandret rulning

At skabe webdesign med vandret rulning kunne kræve noget mod - det er sjældent blevet gjort - men det betyder ikke, at det ikke er blevet gjort før og med stor effekt. En simpel websøgning efter "store horisontale websteder" vil ikke efterlade dig skuffet. Du vil finde mange gode eksempler på kunstwebsteder, gallerier og kreative websteder, der bruger vandret rulning med stor effekt.

Selvom denne type navigation stadig er relativt ny, kan du ved at oprette et websted på denne måde placere dig selv i spidsen for flokken med hensyn til moderigtigt webdesign.

Lodret rulning

Lige det modsatte af vandret rulning er vertikal rulning. Mens lodret scrollning har været en populær webdesigntrend i mange år, er det i de seneste år eller to blevet meget overdrevet.

Mange websteder bruger en uendelig vertikal scroll-teknik, der holder publikum på siden. Denne uendelige præsentationsstil er designet til at holde publikums opmærksomhed på en kontinuerlig søgning efter mere indhold.

Faste overskrifter

Hvis du beslutter dig for at designe en animeret webside ved hjælp af den uendelige vertikal-scroll-metode, så vil du måske overveje at tilføje en fast overskrift til dit websted. En fast overskrift er en navigationsmenu, der hviler øverst på siden, og den forbliver synlig, mens dit publikum ruller ned på siden.

Denne funktion gør det muligt for dit publikum at navigere hurtigt fra hvor de er til en anden sektion af dit websted - og altid vide hvor de er.

En fast overskrift er en bekvemmelighed, som dit publikum kan sætte pris på, fordi de ikke behøver at rulle helt tilbage til toppen af ​​siden for at finde menuen. Funktioner, der holder brugervenligheden i tankerne, vil også holde dit publikum på dit websted i længere perioder.

Kreativ navigation

At blive kreativ med din navigation er et pænt supplement til at bruge flere illustrationer og billeder i dine webdesigns. I stedet for en grundlæggende tekstmenu skal du bruge billeder til at angive et link. Når dine brugere har lært, at de kan klikke på billeder for at komme videre gennem dit websted, vil de blive mere komfortable med at lede efter links på usædvanlige steder på dit websted.

Denne form for interaktion åbner mulighed for at skabe påskeæg på dit websted. Et påskeæg repræsenterer i denne sammenhæng tilsyneladende skjult indhold, der kan overraske og begejstre dit publikum, når de falder over det.

En god måde at vise dit publikum, at et billede eller et ikon er et link, er at bruge funktionen Markørattribut i Animate. Når dit publikum fører musemarkøren hen over et linket billede, kan markøren skifte fra en markør til en hånd, hvilket indikerer et link.

Historiefortælling

Alle elsker en engagerende historie. Så hvorfor ikke designe et websted eller en animation, der fortæller dit publikum en engagerende historie? I stedet for at skabe et grundlæggende restaurantwebsted, der kun præsenterer billeder af maden og beskrivelser af ingredienser, hvorfor så ikke lave en fantasifuld baggrundshistorie?

Ud over at nævne dine bedste retter som værende lokalt økologiske, landbrugsdrevne, bæredygtige goder, hvorfor så ikke tilføje en historie om parret, der forlovede sig mellem hovedretten og desserten? Du kan tilføje en animation af en ring, der falder ned i en fløjte af champagne, komplet med stigende bobler.

Besøgende på webstedet er muligvis ankommet til dit restaurantwebsted på udkig efter et godt måltid, men de bliver her for at lære mere om, hvad der foregår ved de andre borde. Historiefortællende webstedsanimationer forbedrer ikke kun præsentationen, de kan forbinde med besøgendes livserfaringer.

Navigering på én side

Ensides websteder - engang kendt som brochuresider - er på vej tilbage. Ved at holde dit publikum på en enkelt side, der kan få udseendet af forskellige sider, kan du drage fordel af rulletendensen.

I stedet for at klikke rundt til forskellige sider i et forsøg på at finde noget, kan dit publikum i stedet rulle gennem dit websted, mens de går gennem dit indhold. Links, der fungerer som billeder, kan også hjælpe dit publikum med at springe direkte til bestemte steder på webstedet, når de ved, hvad de vil have - mens de stadig engagerer en, der afslappet søger.

Ved at oprette et websted som beskrevet i dette afsnit, udnytter du virkelig nogle få aktuelle webdesigntrends: scrolle efter information, bruge flere billeder og implementere kreativ navigation.

Bevæger sig væk fra blitzen

Adobe Flash var engang fremtidens bølge, men den bølge er styrtet ned på stranden, og en ny bølge er på vej ind. Hvor Flash før var det fremherskende værktøj til at lave animationer og hjemmesider, er det værktøjs storhedstid kommet og gået.

Adobe Edge Animate er måske ikke helt klar til fuldstændig at erstatte Flash, men det er på vej til at opnå netop det. Når alt kommer til alt, kan du ikke se Flash på i-enheder som iPhones og iPads, og hvem har lyst til at skabe indhold, der ser ud til at være ødelagt på nogle af de mest populære mobile enheder, der findes?

HTML5, CSS3 og JavaScript

Verden af ​​webdesign og kodningsteknikker er i konstant udvikling. Den store trend inden for kode er HTML5 og CSS3, som kun kommer til at blive mere og mere indgroet i web-o-sfæren. Google Chrome er førende og implementerer de nyeste standarder - med Firefox og Safari lige ved siden af.

Så er der Internet Explorer - i øjeblikket en smule sent op til festen - men Microsoft gør store fremskridt med at opdatere deres browser for at holde trit.

Beskyt din animation fra at blive vist ødelagt på ældre versioner af Internet Explorer ved at bruge Down-level Stage og de forskellige webpubliceringsmuligheder, som Edge Animate tilbyder. I disse henseender kunne blot at bruge Adobe Edge Animate betragtes som en webdesigntrend i sig selv!

Responsivt webdesign

Responsivt webdesign (RWD) er det seneste raseri i disse dage. Konceptet bag RWD er at designe ét websted til brug på et vilkårligt antal enheder, fra stationære skærme til tablets til telefoner. Mens webdesignere kan være uenige om, hvorvidt de skal oprette et mobilwebsted adskilt fra et desktopwebsted eller om at oprette et enkelt websted, der kan reagere på browserstørrelsen, hælder tendensen til den lydhøre lejr.

Grunden til dette er ret simpel, ved at oprette et responsivt websted, behøver du ikke at blive ved med at opdatere to forskellige websteder. Oprettelse af en RWD peger i retning af fremtiden; jo mere avancerede kodningsteknikker og værktøjer bliver, jo bedre vil de fungere med RWD. Overvej det endnu en måde, Adobe Edge Animate sætter dig i forkant med webdesigntrends.