Paralaksın ölmediğini kanıtlayan 30+ web sitesi

Paralaks kaydırma, arka plan görüntüsünün ön plandan daha hızlı kaydırıldığı ve derinlik izlenimi yaratan bir site olarak tanımlanır. Bu katı tanım, paralaksla ilgili efsanelerin çoğunun köküdür: çoklu sayfalar için uygun değildir, büyük siteler için uygun değildir, mobilde kullanılamaz, tarihlendirilmiş bir trend, kullanılabilirlik için kötüdür, kullanıcılar beğenmez SEO için kötü, devam edebilirdim…

Daha iyi bir tanım şöyle olacaktır: Paralaks kaydırma, öğelerin dinamik bir etki yaratan farklı hızlarda ilerlediği bir sitedir.

Her şey gibi, paralaks kaydırma kötü bir şekilde yapıldığında bir web sitesi için kötüdür. Ama pek çok site iyi paralaks yapıyor.

Birkaç yıl önce paralaks eğilimi aslında paralaksla ilgili değildi, düz çizimler, içeriğe ulaşmak için sonsuza dek kaydırma, doğrusal anlatılara sahip tek sayfalık sitelerdi. Bu kullanıcı deneyimleri tarihlendi, ancak paralaksın kendisi Web'de kaydırma yapmaktan dolayı doğal değil.

Modern paralaks incelikle, tembel yükler elementleri bozar ve kullanıcı deneyimlerine olumlu katkıda bulunur. Kullanıcıların etkileşimleri için görsel geribildirime ihtiyaçları vardır ve paralaks kaydırma, Web'in en yaygın etkileşimi, kaydırma işlemiyle ilgili geri bildirimin mükemmel bir yoludur.

Üstbilgi paralaks

Paralaks kaydırmanın en yaygın uygulamalarından biri başlık paralaksıdır. Gözler derinlik kazandıktan sonra, onu görmemek zordur, bu yüzden derinlikteki klasik izlenimi yaratmak için, sadece başlığa eklemeniz gerekir. İçeriğinizin geri kalanı normal olarak kaydırmak için ayrılıyor.

Chris Roberts

Tim de Graag

Milano Tasarım Haftası

Y7K

Kontor

Bill Byron Şarapları

Uzaylar

Karen Atherley

Metin paralaks

Paralaks, genellikle metin içeriğini ön ve ortada tutarak ve kullanıcı gibi görüntüyü kaydırmak gibi içerikleri destekleyerek UX'i iyileştirmek için kullanılır.

Fletcher Sistemleri

Sanayi sanatı

elma

Başka bir kaçış

Fotoğraf severim

İnce paralaks

Genç yaşlarındaki tek isyanı, cumartesi gecesi göz kamaştırıcılığını seven eski isyan grrrl gibi, paralaks kaydırma da büyüdü. Birkaç öğeye uygulanan ince paralaks efektleri, kullanıcıyı taklit eden ve kullanan zarif bir tarama deneyimi oluşturur.

Karakter

Nutsandwoods

Ön Seviyeyi Sevmelisin

Hay Rosie

Harewood Emlak

Sabit nokta paralaks

Sabit nokta paralaks, odağı birincil içeriğinizde tutmak için idealdir. Bu tür bir paralaks, CSS ile tek başına elde edilebilir ve verimli ve işlevsel siteler üretir. Ürün demoları için ideal bir tekniktir.

Biçim

alevlenmiş

Simon Foster

Klasik paralaks

Klasik, tam, paralaks deneyimi hala üretiliyor. Büyük etkisi için kullanan düzinelerce site var. Paralaks, şu anda bir trendin çok ötesinde, bu sitelerin gösterdiği gibi, Web üzerinde doğal bir etki.