HEMSIDEDESIGN
Vad är Parallax Scrolling?
Parallax-rullning är en webbdesigngrafikteknik där bakgrundsbilderna rör sig i en långsammare takt än förgrunden och skapar en illusion av en djup 3D-effekt när besökare rullar ner på webbsidan. Tekniken växte fram ur flerplanskameratekniken som använts i traditionell animering sedan 1930-talet.
Parallax bygger på optisk illusion. Eftersom det mänskliga ögat uppfattar objekt som är nära oss som större än saker längre bort, uppfattar vi avlägsna objekt som om de rörde sig långsammare.
Illusionen har länge antagits till parallax över olika medier, vilket främjar en realistisk effekt. Dess första användning var i traditionell animation, som går tillbaka till så tidigt som Disneys Snövit och de sju dvärgarna, och i videospel som Super Mario.
Med framsteg inom CSS och HTML utvecklades parallaxeffekter senare till en värld av webbdesign som vi känner den idag.
Parallax-rullning är en speciell rullningsteknik som används i webbdesign där bakgrundsbilder på en webbsida rör sig långsammare än förgrundsbilder, vilket skapar en illusion av djup på en tvådimensionell webbplats.
Det är en av de mest använda designteknikerna inom webbdesign just nu, men också något du förmodligen inte ens inser att du redan har upplevt.
Det är en enkel rörelse som du redan är van vid och den har hjälpt till att få många webbplatser att kännas dynamiska och interaktiva.
Om du väljer att använda det är det viktigt att brainstorma hur parallax också kan påverka den mobila upplevelsen. För att öka webbplatsens hastighet och inte inkräkta för mycket på mobilanvändbarhet, rekommenderas det vanligtvis att antingen minska parallax-rullningen eller ta bort den helt.
Kom ihåg att tänka på alla fall där du kanske vill använda den först och hur den behöver anpassas för användare på flera enheter.
Läs mer här..
Ytterligare länk:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]