El Paralaks etkisi Bugün hakkında en çok duyduğunuz web bileşenidir. En az bir yıldır trend olduğunu söylemek çok az. HTML5, CSS3, jQuery ve tek sayfalık sitelerin (tek sayfadan oluşan) patlamasından sonra, bu optik etki bizi şaşırtacak en modern web sitelerine ulaştı.
İnternette gezinirsek, sayfaların çoğunda kullanımının deneysel olduğunu göreceğiz. Özellikle çevrimiçi portföyler kategorisinde, tasarımcılar hayal güçlerini serbest bırakıyorlar. becerini göster ve yan taraftaki ortağın attığından bir adım daha atmaya çalışın. Burada görmeniz ve yorum yapmanız için size Parallax ile 6 web sitesinin bir derlemesini sunuyoruz.
Paralaks nedir?
En baştan başlayalım, Paralaks ile ilgili bu nedir? Bu, sayfada dikey olarak hareket ettiğimizde (yani kaydırdığımızda) arka planın diğer öğelerden çok daha yavaş hareket etmesine neden olmaktan başka bir şey değildir. Sanki web sitemiz iki veya daha fazla Photoshop katmanına bölünmüş gibi. Ve Paralaks etkisinin elde ettiği şey bize derinlik hissiBirçoğunun 3D efekti olarak da adlandırdığı.
Tüm bu "haberler" ile, bir web sayfasının gerçek amacını unutacak kadar trendlere kapılmamalıyız: haberleşmek, bir şeyler söyle. Ve gördüm çok sayıda siteEkranda sihirli bir şekilde hareket eden görüntülerin ve öğelerin yaratıcılığının o kadar baskın olduğu, bakışlarım orada anlatılanları okumak için durmaktan kaçınıyor.
6 Paralaks etkisine sahip web sitesi örnekleri
- Siklemon: Çalışan ve fayda sağlayan paralaks etkisi. Çok kısa, çok kısa bir metin var ve örnekleme bu onunla birlikte değişiyor. Bu durumda, etki beni rahatsız etmiyor: Başka bir şekilde anlatılan, beni hiç ilgilendirmeyen içerikle ilgilenmeme yardımcı oluyor.
- L'unità: Kaliteden etkileniyorum görüntü bu web'i taçlandırıyor. Ancak görüntülerin bolluğu ve her bölüme verilen alçak yükseklik beni yanılttı. Paralaks etkisi beni rahatsız etmiyor, ancak daha yüksek bölümlerin daha fazla kazanacağını düşünüyorum. Bu arada: Web'i kapatıp yeniden açarsanız, ana görüntü değişir.
- Titanik: Tek kelimeyle harika ve harika. İlk girdiğimde, sonuna gelene kadar her zaman kaydırmaktan kaçınamadım. Bu yüzden içeriği okumak için Web'in başına döndüm ve Paralaks etkisinin yeniden tadını çıkardım. Bana ne düşündüğünü söyleyeceksin.
- Sony: İnternette Paralaks örnekleri için arama yaptıysanız, büyük olasılıkla bu sayfayı görmüşsünüzdür. Ve mantıklı çünkü sonuç inanılmaz. Şimdiye kadar gördüğüm etkinin tereddüt etmeden en iyi uygulaması.
- Soleil noir: Bana bir çok Cyclemon'u hatırlatıyor. Ayrıca küçük metinlerle birleştirilmiş resimlerdir. Renge göre sınıflandırılmış kenar çubuğunu gerçekten çok seviyorum, bu da bize herhangi bir bölüme geri dönme veya ilerleme seçeneği sunuyor.
- Balık gibi: Üzgünüm ikna olmadım. Beni sersemleten bir web sitesi: çok fazla öğe var, her şeyin hareket ettiğini hissediyorum ... Pek hoşlanmıyorum. Sen ne düşünüyorsun?
- Gilgül: Arka plan giflerine bayıldım. İnternette söylediği hiçbir şeyi anlamıyorum ama hoşuma gitti.
Paralax'ın ne kadar ilginç bir etkisi, onu nasıl uygulayabildiğini öğrenmek ve bazı web tasarımlarımda kullanmak isterim.
Bu tasarımlara nasıl ulaşabiliriz?