Top Web Design Trends att applicera i Edge Animation - dummies

Genom att använda Adobe Edge Animate kan du skapa alla de designtrender som listas här. De webbdesigner som presenteras här representerar för det mesta inte bara nya kodningstekniker utan också nya sätt för din publik att interagera med din webbplats på engagerande sätt. När du tar tag i din publiks uppmärksamhet och får dem fascinerad i din webbdesign, är du väl på väg att behålla den publiken.

Mer bilder och illustrationer

Är du trött och trött på att titta på en vägg med text? Är alla de små bilderna och ikonerna börjar se lite daterade ut? Går en solid bakgrundsfärg till dig? Om du känner så är det en bra chans att din publik känner på samma sätt.

Att lägga till fler bilder och illustrationer på din webbplats kan förbättra din webbdesign avsevärt. För att göra din webbplats mer aktuell, lägg till en subtil bakgrundsbild istället för att använda en vit, grå eller svart bakgrund.

Du kan enkelt importera bilder för användning med din animera komposition och hur du arbetar med dem. Upptäck hur man använder bilder i bakgrunden och skillnaden mellan att använda en div-tagg och en img-tagg för bilderna. Du kan ställa in layoutinställningar för dina bilder.

Horisontell rullning

Skapa webbdesign med horisontell rullning kan ta lite mod - det är sällan gjort - men det betyder inte att det inte har gjorts före och till stor effekt. En enkel webbsökning för "stora horisontella webbplatser" kommer inte att lämna dig besviken. Du hittar många bra exempel på konstplatser, gallerier och kreativa webbplatser som använder horisontell scrollning till stor effekt.

Även om den här typen av navigering fortfarande är relativt ny, kan du placera dig själv i huvudet på paketet, med hjälp av en webbsida, när det gäller modern webbdesign.

Vertikal rullning

Det motsatta av horisontell rullning är vertikal rullning. Medan rullande vertikalt har varit en populär webbdesign trend i många år, det senaste året eller två har det varit mycket överdriven.

Många webbplatser använder en oändlig vertikal-scrollteknik som håller publiken på sidan. Denna oändliga presentationsstil är utformad för att hålla publikens uppmärksamhet på en kontinuerlig sökning efter mer innehåll.

Fasta rubriker

Om du bestämmer dig för att designa en animerad webbsida med den oändliga vertikala bläddringsmetoden, kanske du vill tänka på att lägga till en fast rubrik på din webbplats. En fast rubrik är en navigeringsmeny som vilar högst upp på sidan och det är synligt när publiken rullar ner på sidan.

Med den här funktionen kan du snabbt navigera från var de befinner sig i en annan sektion på din webbplats - och vet alltid var de är.

En fast header är en bekvämlighet som publiken kan uppskatta eftersom de inte behöver rulla hela vägen upp till toppen av sidan för att hitta menyn. Funktioner som håller användarvänligheten i åtanke kommer också att hålla publiken på din sida under längre perioder.

Kreativ navigering

Att bli kreativ med din navigering är perfekt kompletterande med att använda fler illustrationer och bilder i din webbdesign. I stället för en grundläggande textmeny, använd bilder för att ange en länk. När dina användare har läst att de kan klicka på bilder för att gå vidare via din webbplats blir de bekvämare när de letar efter länkar på ovanliga ställen på din webbplats.

Denna typ av interaktion öppnar möjligheten att skapa påskägg inom din webbplats. Ett påskägg i detta sammanhang representerar till synes dolt innehåll som kan överraska och upphetsa publiken när de snubblar över den.

Ett bra sätt att visa din publik att en bild eller en ikon är en länk är att använda funktionen Markörattribut i animera. När din publik passerar muspekaren över en länkad bild kan markören byta från en pekare till en hand, vilket indikerar en länk.

Storytelling

Alla älskar en engagerande historia. Så varför inte utforma en webbplats eller animation som berättar för din publik en engagerande historia? I stället för att skapa en grundläggande restaurangwebbplats som bara presenterar bilder av maten och beskrivningar av ingredienser, varför skapa inte en fantasifull bakgrundshistoria?

Förutom att du listar dina bästa rätter som lokalt organiska, gårdsbevuxna, hållbar godhet, varför inte lägga till en historia om paret som blev förlovad mellan huvudrätten och efterrätten? Du kan lägga till en animering av en ring som släpper in i en flöjt av champagne, komplett med stigande bubblor.

Besökare på webbplatsen kan ha kommit på din restaurangplats och letar efter en god måltid, men de kommer att stanna för att lära sig mer om vad som händer på de andra borden. Storytelling webbplats animationer inte bara förbättra presentationen, de kan ansluta till besökarnas livserfarenheter.

Navigering inom en sida

Ensidiga webbplatser - en gång känd som broschyrsidor - gör en återkommande. Genom att hålla din publik på en enda sida som kan utse utseendet på olika sidor kan du dra nytta av rullningstrenden.

Istället för att klicka på olika sidor i ett försök att hitta något kan din målgrupp istället bläddra igenom din webbplats när de går igenom ditt innehåll. Länkar som fungerar som bilder kan också hjälpa din publik att hoppa direkt till specifika fläckar på webbplatsen när de vet vad de vill ha - samtidigt som de engagerar någon som söker casually.

Genom att skapa en webbplats som beskrivs i det här avsnittet utnyttjar du verkligen några nuvarande webbdesigntrender: rulla för information, använda fler bilder och implementera kreativ navigering …

Flytta bort från blixten

Adobe Flash var en gång framtidens våg, men den vågen har kraschat på stranden och en ny våg rullar in.Där Flash brukade vara det övervägande verktyget för att skapa animeringar och webbplatser, har det här verktyget blivit dags och gått.

Adobe Edge Animate kanske inte riktigt redo att helt ersätta Flash, men det är på väg att utföra just det. När allt kommer omkring kan du inte visa Flash på i-enheter som iPhones och iPads, och vem vill skapa innehåll som visas brutet på några av de mest populära mobila enheterna runt?

HTML5, CSS3 och JavaScript

Världen för webbdesign och kodningsteknik utvecklas ständigt. Den stora trenden i koden är HTML5 och CSS3, som bara kommer att bli alltmer inblandad i web-o-sfären. Google Chrome leder laddningen, implementerar de senaste standarderna - med Firefox och Safari rätt bredvid.

Då finns det Internet Explorer - för närvarande lite sent upp på festen - men Microsoft gör stora steg för att uppdatera webbläsaren för att hålla takten.

Skydda din animering från att visas i äldre versioner av Internet Explorer genom att använda nivån på nivån och de olika alternativen för webbpublicering som Edge Animate erbjuder. I detta avseende kan du bara använda Adobe Edge Animate betraktas som en webbdesign trend själv!

Responsive Web Design

Responsive webdesign (RWD) är den senaste rasen dessa dagar. Konceptet bakom RWD är att designa en webbplats för användning på ett antal enheter, från skrivbordskärmar till tabletter till telefoner. Även om webbdesigners kan delas om huruvida man ska skapa en mobilplats separat från en skrivbordswebbplats eller för att skapa en enda webbplats som kan svara på webbläsarens storlek, lutar trenden till det mottagande lägret.

Anledningen till detta är ganska enkelt, genom att skapa en responsiv webbplats behöver du inte fortsätta uppdatera två olika webbplatser. Skapa en RWD-poäng i framtidsriktningen; Ju mer avancerade kodningstekniker och verktyg blir, desto bättre kommer de att fungera med RWD. Tänk på det ännu en gång Adobe Edge Animate sätter dig i spetsen för webbdesigntrender.