El Parallaks effekt Det er nettkomponenten du hører mest om i dag. Å si at det har vært en trend i minst ett år er lite. Etter oppgangen til HTML5, CSS3, jQuery og ensides nettsteder (som består av en enkelt side), har denne optiske effekten nådd de mest banebrytende nettstedene for å forbløffe oss.
Hvis vi surfer på nettet, vil vi se at bruken av den på de fleste sidene er eksperimentell. Spesielt i kategorien nettporteføljer gir designere fantasien sin fri til demonstrere ferdighetene dine og prøv å ta ett skritt til enn partneren ved siden av har tatt. Her gir vi deg en samling av 6 nettsteder med Parallax som du kan se og kommentere.
Hva er Parallax?
La oss starte på begynnelsen, hva er dette med Parallax? Dette består av ingenting annet enn å forårsake at når vi beveger oss vertikalt gjennom siden (det vil si vi blar), beveger bakgrunnen seg med mye lavere hastighet enn de andre elementene. Det er som om vi hadde nettstedet vårt delt inn i to eller flere Photoshop-lag. Og hva Parallax-effekten oppnår er å gi oss følelse av dybde, som mange også omtaler som 3D-effekt.
Med alle disse "nyhetene", må vi aldri la oss rive med av trender i en slik grad at vi glemmer det virkelige formålet med en webside: kommunisere, Fortell noe. Og det har jeg sett mange nettsteders der kreativiteten til bildene og elementene som magisk beveger seg på skjermen er så overveldende at blikket mitt unngår å stoppe for å lese det som blir fortalt i den.
6 Eksempler på nettsteder med Parallax-effekten
- Syklemon: Parallaks effekt som fungerer og fordeler. Det er liten tekst, veldig kortfattet, som er ledsaget av en illustrasjon som endrer seg hos ham. I dette tilfellet plager ikke effekten meg: det hjelper meg å bli interessert i innhold som, fortalt på en annen måte, ikke ville tiltrukket meg i det minste.
- L'unità: Jeg tiltrekkes av kvaliteten på bilde som kroner nettet. Imidlertid vil overfloden av bilder og den lave høyden som er gitt til hvert avsnitt, villede meg. Parallax-effekten plager meg ikke, men jeg tror høyere seksjoner ville få mer. Forresten: hvis du lukker nettet og åpner det på nytt, endres hovedbildet.
- Titanic: Rett og slett kult og strålende. Første gang jeg kom inn, kunne jeg ikke unngå å bla hele tiden, før jeg nådde slutten. Så jeg har kommet tilbake til begynnelsen av nettet for å lese innholdet, og nyter Parallax-effekten igjen. Du vil fortelle meg hva du synes.
- Sony: Hvis du har søkt på internett etter eksempler på Parallax, har du mest sannsynlig sett denne siden. Og det er logisk, fordi resultatet er fantastisk. Den beste anvendelsen av effekten som jeg har sett så langt, uten å nøle.
- Soleil noir: Minner meg mye om Cyclemon's. De er også illustrasjoner kombinert med lite tekst. Jeg liker sidefeltet klassifisert etter farge, noe som gir oss muligheten til å gå tilbake eller gå videre til hvilken som helst seksjon.
- Fishy: Beklager, jeg er ikke overbevist. Det er et nettsted som gjør meg svimmel: det er for mange elementer, jeg har følelsen av at alt beveger seg ... Jeg liker det ikke helt. Hva tror du?
- Gilgul: Jeg elsket bakgrunns-gifene. Jeg forstår ingenting det står på nettet, men jeg liker det.
For en merkelig effekt av Paralax, jeg vil veldig gjerne lære hvordan det oppnås for å øve det og inkludere det i noen av webdesignene mine.
Hvordan får vi tilgang til å ha disse designene?