Paralaks Tekniği ve Paralaks Web Site Tasarımı Ne Demek?

Her aşağı kayan siteyi paralaks mı sandın?

Ne yazık ki web dünyasında herkesin farklı anlayıp, farklı yorumladığı paralaks tekniği ve paralaks web site tasarımı konusuna bir nebze açıklık getirmek isterim.

Parallax tekniği ilk olarak 1940 yılında 2D oyunlarına derinlik kazandırmak amacıyla ( atari oyunları gibi düşünebilirsiniz ) kullanılmaya başlanmış olup günümüzde web sitesi tasarımlarının görsel zenginliğini arttırmak için kullanılan bir tekniğe dönüşmüştür.

Hareketli bir görüntü oluşturmak için web sitenizde bulunan resim, obje ve nesneleri farklı yönlere haraket ettirmek/kaydırmak suretiyle bu tekniği elde edersiniz.

http://cyclemon.com/

Paralaks tekniği, site ziyaretçilerine farklı derinlik yanılsamaları yaşatmak için, farklı arka plan görüntülerinin üst üste, farklı hızlarda
(Ön taraftaki görüntüyü daha yavaş kaydırırken arka plandaki görüntüyü daha hızlı gibi) kaydırılması suretiyle elde edilir.

Bu sayede aslında sabit durumda bulunan resim ve nesnelere hareket ediyor etkisi sağlamış olursunuz.

Paralaks tekniğinin temel mantığı için iki örnek:

https://www.spotify.com/tr/

http://jacksonvilleartwalk.com/


Yaratıcı paralaks tekniği kullanılmış site örnekleri:

http://www.dangersoffracking.com/

http://tomerlerner.com/web/scroll/index.html#top

http://us.rimmellondon.com/

http://www.nytimes.com/projects/2013/tomato-can-blues/?hp

http://johnpeelarchive.com/joe-boyd/#TOOTS

http://graphicnovel-hybrid4.peugeot.com/start.html

Sanılanın aksine sadece aşağı doğru kaydırılan (ing.scroll) edilen siteler paralaks site demek degildir.

Paralaks siteler, ziyaretçilerine yeni bir interaktif seviyeyede kullanıcı deneyimi yaşatan, internet üzerinden popülaritesi hızla artan, ama yapımı pek de kolay olmayan siteler olmakla beraber tabiki avantajları ve dezavantaşları bulunmaktadır.

Avantajları:

• Ziyaretçiler için oldukça göz doldurucu ve dikkat çekicidirler.

• Hikayenizi çok daha akıcı anlatabilirsiniz.

• Sayfa derinliği hissi ve animasyonlar sayesinde ziyaretçilerde wow hissi yaratırlar.

• Tasarımcılar için, ilgi çekici ve farklı siteler tasarlayabilmek için fırsattırlar.

• Verilmek istenen mesajı daha dikkat çekici şekilde sunabilme olanağı taşırlar.

Dez avantajları:

• Efektler ve büyük görsel kullanımları yüzünden zor yüklenmeler ve sitenin geç açılma sorunları yaşanması.

• Eksik tarasım bilgisi ve kötü uygulamar sonucu yorucu ve anlaşılmaz siteler ortaya çıkması.

• Yanlış uygulamalar yüzünden mobil tarafta sorunlar yaşanması.

Hoşca kalın…

2
Kimler Neler Demiş?

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
adwordsUğur Tankır Recent comment authors

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
En Yeniler Eskiler Beğenilenler
Bildir
Uğur Tankır
Ziyaretçi
Uğur Tankır

Sade ve anlaşılır bilgiler için teşekkürler…

adwords
Ziyaretçi

Yazılarınızı ilgiyle takip ediyorum