El Parallax-effect Het is de webcomponent waar u vandaag het meest over hoort. Zeggen dat het al minstens een jaar een trend is, is niet genoeg. Na de hausse van HTML5, CSS3, jQuery en sites met één pagina (bestaande uit één pagina), heeft dit optische effect de meest geavanceerde websites bereikt om ons te verbazen.
Als we op internet surfen, zullen we zien dat het gebruik ervan op de meeste pagina's experimenteel is. Vooral in de categorie online portfolio's laten ontwerpers hun fantasie de vrije loop toon uw vaardigheid en probeer nog een stap te zetten dan de partner naast de deur heeft gedaan. Hier brengen we u een compilatie van 6 websites met Parallax die u kunt zien en erop kunt reageren.
Wat is Parallax?
Laten we bij het begin beginnen, wat is dit met Parallax? Dit bestaat uit niets meer dan ervoor te zorgen dat, wanneer we verticaal door de pagina bewegen (dat wil zeggen: we scrollen), de achtergrond veel langzamer beweegt dan de andere elementen. Het is alsof we onze website hebben opgedeeld in twee of meer Photoshop-lagen. En wat het Parallax-effect bereikt, is ons de gevoel van diepte, waarnaar velen ook verwijzen als 3D-effect.
Met al dit "nieuws" mogen we ons nooit zozeer door trends laten meeslepen dat we het echte doel van een webpagina vergeten: communiceren, zeg iets. En ik heb het gezien talrijke sites waarin de creativiteit van de beelden en de elementen die op magische wijze op het scherm bewegen zo overweldigend is dat mijn blik niet stopt om te lezen wat erin wordt verteld.
6 Voorbeelden van websites met het Parallax-effect
- cyclusmon: Parallax-effect dat werkt en voordelen biedt. Er is weinig tekst, heel beknopt, die vergezeld gaat van een illustratie dat verandert met hem. In dit geval stoort het effect me niet: het helpt me geïnteresseerd te raken in inhoud die, op een andere manier verteld, me in het minst niet zou hebben aangetrokken.
- Eenheid: Ik voel me aangetrokken tot de kwaliteit van de beeld dat bekroont het web. De overvloed aan afbeeldingen en de lage hoogte die aan elke sectie is gegeven, misleiden me echter. Het Parallax-effect stoort me niet, maar ik denk dat ik in hogere secties meer zou winnen. Overigens: als u het web sluit en opnieuw opent, verandert de hoofdafbeelding.
- Titanisch: Gewoon cool en briljant. De eerste keer dat ik me aanmeldde, kon ik niet voorkomen dat ik de hele tijd scrolde, totdat ik het einde bereikte. Dus ik ben teruggekeerd naar het begin van het web om de inhoud te lezen en weer te genieten van het Parallax-effect. Je zult me vertellen wat je denkt.
- Sony: Als je op internet hebt gezocht naar voorbeelden van Parallax, heb je deze pagina waarschijnlijk gezien. En het is logisch, want het resultaat is verbluffend. De beste toepassing van het effect dat ik tot nu toe heb gezien, zonder aarzeling.
- Soleil zwart: Doet me veel aan Cyclemon's denken. Het zijn ook illustraties gecombineerd met weinig tekst. Ik hou echt van de zijbalk die is ingedeeld op kleur, waardoor we de mogelijkheid hebben om terug of verder te gaan naar een sectie.
- Visachtig: Sorry, ik ben niet overtuigd. Het is een website waar ik duizelig van word: er zijn te veel elementen, ik heb het gevoel dat alles beweegt… ik vind het niet zo leuk. Wat denk je?
- Gilgul: Ik hield van de achtergrond-gifs. Ik versta niets wat er op internet staat, maar ik vind het leuk.
Wat een merkwaardig effect dat van Paralax, ik zou heel graag willen leren hoe het wordt bereikt om het te oefenen en het op te nemen in een van mijn webontwerpen.
Hoe krijgen we toegang tot deze ontwerpen?