Top Web Design Trends til anvendelse i Edge Animation - dummies

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

Flere billeder og illustrationer

Er du træt og ked af at se på en væg med tekst? Er alle de små billeder og ikoner begyndt at se lidt dateret ud? Gør en solid baggrundsfarve dig til at gore? Hvis du føler den måde, er der en god chance for, at dit publikum føles 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, tilføj et subtilt baggrundsbillede i stedet for at bruge en hvid, grå eller sort baggrund.

Du kan nemt importere billeder til brug sammen med din animationssammensætning og hvordan du kan arbejde med dem. Opdag hvordan du bruger billeder i baggrunden og forskellen mellem at bruge en div-tag og en img-tag til billederne. Du kan indstille Layout forudindstillinger for dine billeder.

Horisontal rulning

Oprettelse af webdesign med horisontal rulning kan tage noget mod - det er sjældent blevet gjort - men det betyder ikke, at det ikke har været gjort før og med stor effekt. En simpel websøgning efter "store vandrette hjemmesider" vil ikke forlade dig skuffet. Du finder mange gode eksempler på kunststeder, gallerier og kreative websteder, der bruger vandret scrolling til stor effekt.

Selvom denne type navigation stadig er forholdsvis ny, kan du ved at oprette et websted på denne måde placere dig selv på toppen af ​​pakken med hensyn til det moderne webdesign.

Lodret rulning

Det modsatte af vandret rulning er lodret rulning. Mens rulning lodret har været en populær webdesign trend i mange år, i det forløbne år eller to har det været stærkt overdrevet.

Mange steder bruger en uendelig lodret-scroll-teknik, der holder publikum på siden. Denne uendelige præsentationsstil er designet til at holde publikum opmærksom på en løbende søgning efter mere indhold.

Faste overskrifter

Hvis du beslutter dig for at designe en animeret webside ved hjælp af den endeløse lodret-scroll-metode, kan du tænke over at tilføje en fast overskrift til dit websted. En fast header er en navigationsmenu, der hviler øverst på siden, og den forbliver synlig, når publikum ruller ned på siden.

Denne funktion gør det muligt for din målgruppe at navigere hurtigt fra, hvor de kommer til en anden del af dit websted - og ved altid, hvor de er.

Et fast overskrift er en bekvemmelighed, som 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 brugerens bekvemmeligheder i tankerne, vil også holde dit publikum på dit websted i længere perioder.

Kreativ navigation

At få kreativ med din navigation er nøjagtigt komplementær til at bruge flere illustrationer og billeder i dine webdesign. I stedet for en grundlæggende tekstmenu skal du bruge billeder til at angive et link. Når dine brugere har oplyst, at de kan klikke på billeder for at komme videre gennem dit websted, bliver de mere komfortable med at søge efter links i usædvanlige steder på dit websted.

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

En fantastisk måde at vise dit publikum på, at et billede eller et ikon er et link, er at bruge markørattributten i animering. Når dit publikum passerer musemarkøren over et link, kan markøren skifte fra en peger til en hånd, der angiver et link.

Historieberetning

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 oprette en grundlæggende restaurantwebsted, der kun indeholder billeder af fødevaren og beskrivelser af ingredienser, hvorfor ikke oprette en fantasifuld baggrundshistorie?

Ud over at opregne dine bedste retter som værende lokalt økologiske, opdrættet landbrug, bæredygtig godhed, hvorfor ikke tilføje en historie om parret, der blev forlovet mellem hovedret og desserten? Du kan tilføje en animation af en ring, der falder ind i en fløjte af champagne, komplet med stigende bobler.

Besøgende på webstedet kan have ankommet på din restaurant side på udkig efter et godt måltid, men de vil blive ved med at lære mere om, hvad der foregår ved de andre tabeller. Storytelling website animationer ikke kun forbedre præsentationen, de kan forbinde med besøgende livserfaringer.

Navigering inden for en side

Websider - en gang kendt som brochuresider - gør et comeback. Ved at holde dit publikum på en enkelt side, der kan udse forskellige siders udseende, kan du udnytte rulningstrenden.

I stedet for at klikke rundt på forskellige sider i et forsøg på at finde noget, kan publikum i stedet rulle gennem dit websted, når de går videre gennem dit indhold. Links, der tjener som billeder, kan også hjælpe dit publikum med at hoppe direkte til bestemte steder på webstedet, når de ved, hvad de vil - samtidig med at man engagerer en person, der søger casually.

Ved at oprette et websted som beskrevet i dette afsnit udnytter du virkelig nogle få nuværende webdesigntendenser: ruller til information, bruger flere billeder og implementerer kreativ navigation …

Flyt væk fra flash

Adobe Flash var engang fremtidens bølge, men den bølge har styrtet på stranden og en ny bølge ruller ind.Hvor Flash plejede at være det overordnede værktøj til at skabe animationer og hjemmesider, er værktøjets storhedstid kommet og gået.

Adobe Edge Animate er måske ikke helt klar til at erstatte Flash helt, men det er på vej til at nå det. Du kan jo ikke se Flash på i-enheder som iPhones og iPads, og hvem vil gerne oprette indhold, der vises brudt på nogle af de mest populære mobilenheder rundt omkring?

HTML5, CSS3 og JavaScript

Verden af ​​webdesign og kodningsteknikker udvikler sig konstant. Den store tendens i kode er HTML5 og CSS3, som kun bliver mere og mere indblandet i web-o-sfæren. Google Chrome leder afgiften og implementerer de nyeste standarder - med Firefox og Safari lige ved siden af.

Så er der Internet Explorer - i øjeblikket lidt sent på festen - men Microsoft gør store fremskridt med at opdatere browseren for at holde trit.

Sørg for, at din animation ikke forekommer ødelagt på ældre versioner af Internet Explorer ved hjælp af Down-level-scenen og de forskellige muligheder for webpublicering, som Edge Animate tilbyder. I denne henseende kan simpelthen at bruge Adobe Edge Animate betragtes som en webdesign trend selv!

Responsive Web Design

Responsive webdesign (RWD) er den seneste raseri i disse dage. Konceptet bag RWD er at designe et websted til brug på et hvilket som helst antal enheder, fra stationære skærme til tabletter til telefoner. Mens webdesignere kan opdeles på, om der skal oprettes et mobilwebsted separat fra et skrivebordsside eller for at oprette et enkelt websted, der kan reagere på browserstørrelse, tippes tendensen til den modtagelige lejr.

Årsagen til dette er ret simpelt. Ved at oprette et lydhurtigt websted behøver du ikke at opdatere to forskellige websteder. Oprettelse af et RWD-punkt i fremtiden; jo mere avancerede kodningsteknikker og værktøjer bliver, desto bedre vil de arbejde med RWD. Overvej det på en måde, Adobe Edge Animate sætter dig i spidsen for webdesigntendenser.