6 webových stránok s efektom paralaxy

El Paralaxový efekt Je to webový komponent, o ktorom dnes počujete najviac. Povedať, že to je trend minimálne rok, nestačí. Po rozmachu HTML5, CSS3, jQuery a jednostránkových webov (tvorených jednou stránkou) sa tento optický efekt dostal na tie najmodernejšie weby, aby nás ohromil.

Ak surfujeme po sieti, zistíme, že na väčšine stránok je jeho použitie experimentálne. Najmä v kategórii online portfólií dávajú návrhári voľnú ruku svojej fantázii preukázať svoje schopnosti a pokúsiť sa urobiť ešte jeden krok, ako urobil sused od partnera. Tu vám prinášame kompiláciu 6 webových stránok s programom Parallax, ktoré môžete vidieť a komentovať.

Čo je Parallax?

Začnime na začiatku, čo je to s Parallaxom? To nepozostáva z ničoho iného, ​​iba z toho, že keď sa stránkou pohybujeme zvisle (teda že sa posúvame), pozadie sa pohybuje oveľa pomalšie ako ostatné prvky. Je to, akoby sme mali náš web rozdelený na dve alebo viac vrstiev Photoshopu. A to, čo Parallax efekt dosahuje, nám dáva pocit hĺbky, ktoré mnohí označujú aj ako 3D efekt.

So všetkými týmito „novinkami“ sa nikdy nesmieme nechať unášať trendmi do takej miery, aby sme zabudli na skutočný účel webovej stránky: komunikovať, povedz niečo. A videl som početné stránkys, v ktorých je tvorivosť obrazov a prvkov, ktoré sa magicky pohybujú po obrazovke, taká ohromujúca, že sa môj pohľad vyhýba tomu, aby som prestal čítať, čo sa v ňom hovorí.

6 Príklady webových stránok s efektom Paralaxy

1. Cyklón: Paralaxový efekt, ktorý funguje a prináša výhody. Je tu málo textu, veľmi výstižného, ​​ku ktorému je pripojené a ilustrácie to sa s ním mení. V takom prípade ma tento efekt netrápi: pomáha mi to zaujať obsahom, ktorý by ma inak vyrozprávaný ani trochu nezaujal.
2. L'unità: Láka ma kvalita obraz ktorý korunuje web. Množstvo obrázkov a nízka výška uvedená v každej časti ma však mýlia. Efekt Parallax mi neprekáža, ale myslím si, že vyššie úseky by získali viac. Mimochodom: ak zatvoríte web a znova ho otvoríte, zmení sa hlavný obrázok.
3. gigantický: Jednoducho super a geniálny. Keď som sa prvýkrát prihlásil, nemohol som sa vyhnúť neustálemu rolovaniu, až kým som nedorazil na koniec. Vrátil som sa teda na začiatok webu, aby som si prečítal obsah, a znovu som si užíval efekt Paralaxy. Poviete mi, čo si myslíte.
4. Sony: Ak ste hľadali na internete príklady paralaxy, s najväčšou pravdepodobnosťou ste videli túto stránku. A je to logické, pretože výsledok je úžasný. Najlepšie uplatnenie efektu, aké som zatiaľ videl, bez váhania.
5. Soleil noir: Veľmi mi pripomína Cyclemon. Sú to tiež ilustrácie spojené s malým textom. Veľmi sa mi páči bočný panel klasifikovaný podľa farieb, ktorý nám dáva možnosť vrátiť sa alebo postúpiť do ktorejkoľvek sekcie.
6. rybie: Prepáč, nie som o tom presvedčený. Je to web, z ktorého sa mi točí hlava: je tam príliš veľa prvkov, mám pocit, že sa všetko hýbe ... Mne sa to celkom nepáči. Co si myslis?
7. Gilgul: Miloval som gify na pozadí. Nerozumiem ničomu, čo hovorí na webe, ale páči sa mi to.