6 Parallax effektli veb-saytlar

Soleil Noir, Parallax effektiga ega veb

El Paralaks effekti Bu bugungi kunda siz eng ko'p eshitadigan veb-komponent. Kamida bir yil davomida bu tendentsiya bo'ldi, deyish juda oz. HTML5, CSS3, jQuery va bitta sahifali saytlar (bitta sahifadan tashkil topgan) portlashidan so'ng, ushbu optik effekt bizni hayratga soladigan eng zamonaviy veb-saytlarga etib keldi.

Agar biz tarmoqda bemaqsad qilsak, aksariyat sahifalarda undan foydalanish eksperimental ekanligini ko'ramiz. Ayniqsa, onlayn portfellar toifasida dizaynerlar o'z tasavvurlariga erkinlik berishadi mahoratingizni namoyish eting va qo'shni sherigidan ko'ra yana bir qadam tashlashga harakat qiling. Parallax bilan birgalikda ko'rish va sharhlash uchun sizga 6 ta veb-saytlarning to'plamini taqdim etamiz.

Parallaks nima?

Keling, boshidan boshlaymiz, bu Parallaks haqida nima? Bu narsa sahifani vertikal ravishda harakatlantirishda (ya'ni biz aylantirishda) fon boshqa elementlarga qaraganda ancha sekinroq tezlikda harakatlanishidan boshqa narsa emas. Go'yo bizda veb-saytimiz ikki yoki undan ortiq fotoshop qatlamlariga bo'lingan. Parallaks effekti bizga nimani beradi chuqurlik hissi, buni ko'pchilik 3D effekti deb ham atashadi.

Ushbu "yangiliklar" bilan biz hech qachon o'zimizni tendentsiyalarga berilib ketishiga yo'l qo'ymasligimiz kerak, chunki veb-sahifaning asl maqsadini unutamiz: muloqot qilish, biron bir narsani ayting. Va men ko'rdim ko'p sonli saytBunda ekranda sehrli ravishda harakatlanadigan tasvirlar va elementlarning ijodkorligi shunchalik ulkanki, mening qarashlarim unda aytilganlarni o'qishni to'xtatishdan qochadi.

Paralaks effektiga ega veb-saytlarning namunalari

  1. Tsiklemon: Paralaks effekti ishlaydi va ishlaydi. Matn juda oz, juda ixcham, u bilan birga keladi rasm bu u bilan o'zgarib bormoqda. Bunday holda, bu ta'sir meni bezovta qilmaydi: bu menga boshqa yo'l bilan aytilgan mazmuni bilan hech bo'lmaganda qiziqib qolishimga yordam beradi. Tsiklemon
  2. L'unità: Mening sifati meni o'ziga jalb qiladi imagen bu veb-toj. Biroq, rasmlarning ko'pligi va har bir bo'limga berilgan past balandlik meni adashtiradi. Parallaks effekti meni bezovta qilmaydi, lekin yuqori bo'limlar ko'proq foyda olishadi deb o'ylayman. Aytgancha: agar siz vebni yopib, qayta ochsangiz, asosiy rasm o'zgaradi. Makaron tasviri
  3. Titanik: Shunchaki salqin va yorqin. Birinchi marta kirganimda, oxirigacha, har doim aylantirishdan qochib qutula olmadim. Parallax effektidan yana zavqlanib, tarkibni o'qish uchun veb-saytning boshiga qaytdim. Siz menga nima deb o'ylayotganingizni aytib berasiz. Titanik
  4. Sony: Agar siz Internetda Parallax misollarini qidirsangiz, ehtimol siz ushbu sahifani ko'rgansiz. Va bu mantiqan, chunki natija ajoyib. Hozirgacha ko'rgan effektning eng yaxshi qo'llanilishi, ikkilanmasdan. Sony veb-sayti
  5. Soleil noir: Cyclemon-ni menga eslatadi. Ular, shuningdek, kichik matn bilan birlashtirilgan illyustratsiyalardir. Menga rang bo'yicha tasniflangan yon panel juda yoqadi, bu bizga har qanday bo'limga qaytish yoki oldinga o'tish imkoniyatini beradi. Soleil Noir, Parallax effektiga ega veb
  6. Baliq: Kechirasiz, ishonchim komil emas. Bu veb-sayt meni boshimni aylantiradi: juda ko'p elementlar bor, menda hamma narsa harakatlanayotgandek tuyuladi ... menga unchalik yoqmaydi. Siz nima deb o'ylaysiz? Moviy ohanglar tarmog'i
  7. Gilgul: Men fon rasmlarini yaxshi ko'rardim. Internetda yozilgan hech narsani tushunmayapman, lekin menga yoqadi. Gilgul

Maqolaning mazmuni bizning printsiplarimizga rioya qiladi muharrirlik etikasi. Xato haqida xabar berish uchun bosing bu erda.

2 ta sharh, o'zingizni qoldiring

Fikringizni qoldiring

Sizning email manzilingiz chop qilinmaydi.

*

*

  1. Ma'lumotlar uchun javobgardir: Migel Anxel Gaton
  2. Ma'lumotlarning maqsadi: SPAMni boshqarish, izohlarni boshqarish.
  3. Qonuniylashtirish: Sizning roziligingiz
  4. Ma'lumotlar haqida ma'lumot: qonuniy majburiyatlar bundan mustasno, ma'lumotlar uchinchi shaxslarga etkazilmaydi.
  5. Ma'lumotlarni saqlash: Occentus Networks (EU) tomonidan joylashtirilgan ma'lumotlar bazasi
  6. Huquqlar: istalgan vaqtda siz ma'lumotlaringizni cheklashingiz, tiklashingiz va o'chirishingiz mumkin.

  1.   projectycreationweb.com dijo

    Paralax-ning ta'siri juda qiziq, men uni qanday qilib amalda qo'llashni va ba'zi veb-dizaynlarimga qo'shishni o'rganishni istardim.

  2.   Lyuis sabab bo'ldi dijo

    Ushbu dizaynlarga qanday erishishimiz mumkin?

bool (to'g'ri)