El Paralakses efekts Tas ir tīmekļa komponents, par kuru šodien dzirdat visvairāk. Nepietiek teikt, ka tā ir bijusi tendence vismaz gadu. Pēc HTML5, CSS3, jQuery un vienas lapas vietņu (kas sastāv no vienas lapas) uzplaukuma šis optiskais efekts ir sasniedzis vismodernākās vietnes, lai mūs pārsteigtu.
Ja mēs sērfojam tīklā, redzēsim, ka lielākajā daļā lapu tā izmantošana ir eksperimentāla. Īpaši tiešsaistes portfeļu kategorijā dizaineri dod brīvu iedomu demonstrē savu prasmi un mēģiniet spert vēl vienu soli, nekā kaimiņu partneris ir spēris. Šeit mēs piedāvājam jums apkopot 6 vietnes ar Parallax, lai jūs varētu redzēt un komentēt.
Kas ir paralakse?
Sāksim sākumā, kas tas ir parallaksi? Tas sastāv tikai no tā, ka izraisa to, ka, pārvietojoties vertikāli pa lapu (tas ir, mēs ritinām), fons pārvietojas daudz lēnāk nekā citi elementi. Tas ir tā, it kā mūsu vietne būtu sadalīta divos vai vairākos Photoshop slāņos. Un tas, ko sasniedz paralakses efekts, dod mums dziļuma sajūta, ko daudzi dēvē arī par 3D efektu.
Izmantojot visus šos "jaunumus", mēs nekad nedrīkstam ļauties tendenču aizrautībai līdz vietai, kas aizmirst tīmekļa vietnes patieso mērķi: sazināties, pasaki kaut ko. Un es esmu redzējis daudzas vietness, kur attēlu un maģiski uz ekrāna kustīgo elementu radošums ir tik milzīgs, ka mans skatiens izvairās apstāties lasīt tajā stāstīto.
6 Vietņu piemēri ar paralakses efektu
- Ciklemons: Paralakses efekts, kas darbojas un dod labumu. Teksta ir maz, ļoti kodolīgs, kam pievienots a ilustrācija kas mainās ar viņu. Šajā gadījumā efekts mani neuztrauc: tas palīdz man interesēties par saturu, kas, citā veidā stāstīts, mani vismazāk nebūtu piesaistījis.
- L'unità: Mani piesaista attēls kas vainago tīmekli. Tomēr attēlu pārpilnība un katrai sadaļai piešķirtais mazais augstums mani maldina. Paralakses efekts mani neuztrauc, bet es domāju, ka augstākas sadaļas iegūtu vairāk. Starp citu: ja aizverat tīmekli un atkal to atverat, mainās galvenais attēls.
- Titānisks: Vienkārši forši un izcili. Pirmo reizi ieejot, es nevarēju visu laiku ritināt, līdz nonācu līdz beigām. Tāpēc esmu atgriezies tīmekļa sākumā, lai lasītu saturu, atkal izbaudot paralakses efektu. Jūs man pateiksit, ko domājat.
- Sony: Ja internetā esat meklējis paralakses piemērus, visticamāk, ka esat redzējis šo lapu. Un tas ir loģiski, jo rezultāts ir pārsteidzošs. Labākais līdz šim redzētā efekta pielietojums bez vilcināšanās.
- Soleil noir: Atgādina man daudz Cyclemon. Tās ir arī ilustrācijas, kas apvienotas ar nelielu tekstu. Man ļoti patīk sānjosla, kas klasificēta pēc krāsas, kas mums dod iespēju atgriezties vai pāriet uz jebkuru sadaļu.
- Šaubīgs: Atvainojiet, es neesmu pārliecināts. Tā ir vietne, kas liek man reibt: ir pārāk daudz elementu, man ir sajūta, ka viss kustas ... man tas ne visai patīk. Ko tu domā?
- Gilguls: Man patika fona gifi. Es neko nesaprotu, ko saka tīmeklī, bet man tas patīk.
Cik ziņkārīgs ir Paralax efekts, es ļoti vēlētos uzzināt, kā tas tiek sasniegts, lai to praktizētu, un iekļaut to vienā no maniem tīmekļa dizainiem.
Kā mēs varam piekļūt šiem dizainparaugiem?