İnternet sitesi tasarımında en kucuk detay bile ziyaretcinin site uzerindeki tecrubesini derinden etkileyebiliyor. Bu detay bir hata efekti, bir sıcrama efekti ya da basit bir ses efekti bile olabilir. Son zamanlarda bu gibi detaylardan en cok kullanılanı MouseOver efekti olarak kabul ediliyor. Hover adı da verilen bu ozelliğin kullanımında sitenin kullanımını kolaylaştırmak amaclanıyor.
Sitede bulunan belli elementlerin uzerine gelindiğinde ceşitli hareketlenmesini, renk değiştirmesini, one cıkmasını sağlayan bu ozellik; bilgilere ulaşmada kolaylık sağlamanın yanında sitelere şık bir gorunum sunuyor. Bu yaratıcı ozelliğin kullanıldığı siteler gun gectikce artıyor. Biz de size bu ozelliğin kullanıldığı en iyi 20 siteyi derledik. Alt başlıklara tıklayarak bahsi gecen sitelere ulaşabilirsiniz. İşte MouseOver efektini kullanan birbirinden yaratıcı 20 site:
[h=2]Pixels by Tomer Lerner[/h]
Siyah beyaz arka plana sahip bu site, imleci hareket ettirdiğinizde farklı geometrik şekillerin hareket etmesini ve donuşmesini sağlıyor.
[h=2]Haus[/h]
Teknoloji ve mizahı seven interaktif bir ajansın sitesi olan Haus, imleci uzerlerinde kullandığınızda hareket eden cizgi film karakterlerini dahilinde barındırıyor.
[h=2]Canva[/h]
Metin odaklı resimler oluşturmayı sağlayan sitenin ana sayfasında buğulu bir filtre kullanılıyor. İmlecin ilerlediği bolgeler ise berraklaşarak buğudan kurtuluyor.
[h=2]Mainworks[/h]
Yaratıcı medya produksiyon studyosu Mainworks ’un portfoy sitesi, uzerine tıkladığınızda projeler gosteren noktalar barındırıyor.
[h=2]Cedric Pereira[/h]
Yine bir portfoy sitesi olan Cedric Pereira, ekranı aşağı kaydırdığınızda renk değiştiren kategoriler iceriyor.
[h=2]Bullmonk[/h]
Bullmonk adlı işletmecilik sitesi, ana sayfasında basit bir SVG animasyonu bulunduruyor. İmleci hareket ettirdiğinizde ekranda yeni delikler oluşuyor.
[h=2]InSymbiosis[/h]
Biyoeczacılık şirketi InSymbiosis'in sitesinde bulunan buton ve yazılar, fare imleciyle etkileşime gecebiliyor.
[h=2]OUI R Creative Studio[/h]
OUI R adlı tasarım şirketinin sitesi, imleci uzerine getirdiğinizde bilgi veren fotoğraflar iceren bir tasarıma sahip.
[h=2]Minnim[/h]
Minnim'in sitesine girince sizi ilk olarak renkli cizgilerden oluşmuş daireler karşılıyor. Sayfada imlec kullanılarak yeni logolu daireler yaratılabiliyor.
[h=2]Full Bundle[/h]
Yaratıcı bir dijital ajans olan Full Bundle ’ın sitesi, mavi ve kırmızı nesneler iceren iki bolmeden oluşuyor. Mavi mantığı, kırmızı ise yaratıcılığı temsil ediyor. Bu renkli nesneler fare imleciyle kontrol edilebiliyor.
[h=2]FS Untitled[/h]
Bu site, ziyaretcilere yazı tipi secimi icin bir suru secenek sunuyor. Elementler tablosu gibi dizilmiş yazı tiplerinden birini sectiğinizde o yazı tipini tanıtan bir animasyon ortaya cıkıyor.
[h=2]Trainrobber[/h]
Bir AR ve VR ajansı olan Trainrobber ’ın sitesinde imleci hareket ettirdiğinizde nesneler, bir Western filmini andıran bir şekilde hareket ediyor.
[h=2]Sakura International Inc.[/h]
İnsan ağ iletişimi uzerine calışan bu şirketin sitesindeki noktalar, imlec yardımıyla kolayca birleştirilebiliyor.
[h=2]Fan Studio[/h]
Bu mobil oyun ve uygulama ureten şirketin sitesinde imleci hareket ettirdiğinizde, sitenin arka planı bu hareketlere gore değişiyor.
[h=2]Studio Rotate[/h]
Bu şirket, marka ve tasarım uzerine calışıyor ve muşterilerinin sanal ortamda yer almasına yardımcı oluyor. Şirketin sitesi imlecinize gore hareket eden bir daire bulunduruyor ve menu seceneğine tıklandığında gosterilecekler bu dairenin icinde gosteriliyor.
[h=2]TheMcBrideCompany[/h]
Bu site de aynı Canva sitesi gibi buğulu bir filtre iceriyor ve fare imleci bu buğulu bolgelerin berraklaşmasını sağlıyor.
[h=2]Clever Franke[/h] [h=2][/h] Bu tasarım şirketinin sitesinin ana sayfasında bulunan yazılar, fare imleciyle birlikte hareket ediyor ve tekrar yerine yerleşiyor.
[h=2]Message Design Center[/h]
Message Design Center adlı tasarım şirketinin sitesinde bulunan yazılar, imlec yardımıyla buyuyor ve bozuluyor.
[h=2]Just Coded[/h]
Bu sitenin karanlık tonlardaki tasarımı, fare imleciyle birlikte perspektifi değişen nesneler iceriyor.
[h=2]Kinetic Apps[/h]
Android ve iOS cihazlar icin uygulamalar geliştiren şirketin internet sitesi gokyuzu temalı bir arka plan iceriyor. Fare imleci kullanıldığında bu gokyuzunde uculacak yon secilebiliyor.