Yaratıcı MouseOver Etkisi ile 20 Web Sitesi

Web tasarımında en küçük bile etkisi, genel kullanıcı deneyimini değiştirebilir. Bu bir aksaklık efekti, bir sıçrama efekti veya hatta basit bir ses efekti olabilir. Bu etkilerden biri, Bugünlerde web tasarımında sıkça kullanılıyor vurgulu veya fare etkisi. Bu geçiş efekti, farenizi belirli bir öğenin üzerine getirdiğinizde görülebilir. dışarı kaydırır, rengini değiştirir veya canlandırır.

Fare etkisinin ardındaki fikir eforu azaltmak kullanıcının yapması gereken daha fazla ayrıntı görüntülemek, temel bilgilere erişmek veya farklı görünümler görmek internet sitesinde. İyi bir vurgulu efekti, ekranda daha fazla bilgi göstermek için yerden tasarruf sağlayabilir. mümkün olan en akıllı yol.

Yani, okuyucularıma bir bu ilginç etkinin birkaç örneği, Fare etkisi ile 20 yaratıcı web sitesi örneği hazırladım. Sadece aşağı kaydır, web sitesini aç, çok iyi oyna ve kendin gör vurgulu etkisi göründüğü ne kadar şaşırtıcı.

Tomer Lerner tarafından Piksel

Farklı gösterilen siyah beyaz bir anasayfaya sahip, çok yaratıcı bir web sitesidir. geometrik şekiller dans ve dönüşüm imleci üzerlerine getirdiğinizde.

Haus

Haus interaktif bir ajansın web sitesidir. teknolojiyi ve mizahı seviyor. Çizgi film figürlerini fare hareketi ekranda ve nasıl atladıklarını ve kaçtıklarını izle.

Canva

Canva çeşitli metin tabanlı görüntüler oluşturmak için bir servis. Ana sayfalarında koyu bulanık bir arka plan var, ancak imleci üzerine getirdiğinizde temizleme ve arka planda görüntüleri gösterme alanı, tıpkı bir silme aracı gibi.

Mainworks

Bu, Mainworks yaratıcı medya prodüksiyon stüdyosunun bir portföy web sitesidir.. Projelerini görmek için çizgideki noktalara fareyle tıkla veya tıkla..

Cedric Pereira

Bu Cedric Pereira'nın portföy sitesi pastel tonlarda. Sen ne zaman kategoriler arasında gezin Ana sayfada, onlar renkleri ve görüntüleri değiştir. Ayrıca, bir resmin üzerine fare, sınırları hareket ediyor.

Bullmonk

Bullmonk bir işletme yönetimi web sitesidir. Ana sayfada basit bir SVG animasyonu. Sadece görmek için örgü dikdörtgene göz atın içinde delikler oluşuyor.

InSymbiosis

InSymbiosis biyofarmasötik endüstrisine alternatif bir strateji sunar ilaç geliştirme programlarını hızlandırmak. Harika görmek için farenizi hareket ettirin metin, düğmeler ve arka plan öğeleriyle mikro etkileşimler.

OUI R Yaratıcı Stüdyo

OUI R bir multidisipliner tasarım stüdyosu yaratıcı görsel fikirlere dayanan ürünler yaratmaya adanmış. Fare imlecini görüntülerin üzerine getirdiğinizde, bunlar bilgiyi göster ve farenin iziyle bir sonraki resme geç.

Minnim

Minnim bir renkli çizgi daireler ile etkileşimli ana sayfa fareyle gezdirin. Yapabilirsin logolu yeni bir döngü öğesi oluştur farenizi kullanarak.

Tam paket

Tam Paket, yaratıcı bir dijital ajanstır. Ana sayfaları iki sütuna ayrılır: mantıkla mavi üçgenler ve kırmızı kareler ile yaratıcılık. Fareyi bu öğelerin üzerine getirdiğinizde, bunlar çok akıcı bir şekilde sıçrama.

FS Adsız

FS Adsız ziyaretçileri font yüzü için bir ad almaya davet eder. Ana sayfa, tıkladığınızda hücrelerin, belirli bir yazı tipinin tanıtımına yönlendirir.

Trainrobber

Trainrobber bir AR ve VR ajansı Bu markalar için çığır açan sürükleyici deneyimler üretir. Fareyi ana sayfada gezdirirken, farklı elementler technicolor Western filmi gibi yatay olarak hareket ediyor. Kategoriler ayrıca fareyle canlandırıyor.

Sakura Uluslararası Inc.

Sakura, insan ağlarına odaklanan Japonya merkezli bir şirkettir. Yapabilirsin arka plandaki noktaları farenizin tek bir hareketiyle bağlayın.

Fan Stüdyosu

Fan Studio, mobil oyunlar ve uygulamalar oluşturan karikatürize edilmiş bir web sitesidir. Bir hareket bilmesi yapmak arka plan fare imlecinizle birlikte hareket eder.

Stüdyo Döndür

Bu bir marka ve tasarım stüdyosu web sitesi Bu, müşterilerin çevrimiçi varlığına ulaşmalarına yardımcı olur. Beyaz arka planlı bir daire ve bir çember var. Ama sen ne zaman Menü düğmesine tıklayın, daireye bir görüntü belirir.

TheMcBrideCompany

TheMcBrideCompany ana sayfasında bulanık olan güzel bir manzara fotoğrafı var. Sen ne zaman imleci arka plan üzerine getir, imlecin çevresinde küçük bir alan netleşir. harika görünüyor.

Zeki Franke

Zeki Franke, strateji, tasarım ve teknolojiyi bir araya getiren etkileşimli bir tasarım ajansıdır. yenilikçi ürün ve hizmetler geliştirmek. Ana sayfadaki başlıklar, sihir gibi görünen dinamik ve otomatik olarak oluşturulur. Sen ne zaman imleci hareket ettirdikleri harflerin üzerine getirin, ama bir saniye sonra geri çekil.

Mesaj Tasarım Merkezi

Mesaj Tasarım Merkezi web sitesi benzersiz bir tasarıma sahiptir. Ana sayfa özellikleri Poligon geometrisi ile canlı başlıklar. Fareyi bu başlıklar üzerinde tuttuğunuzda büyüyün ve deforme olmaya başlayın.

Sadece kodlanmış

Sadece Kodlanmış inanılmaz tuval oluşturan noktalar ile koyu arka plan. Bu tuvalin üzerinde fareyle dolaştığınızda canlı görünüyor, çünkü hareket etmeye ve bakış açısını değiştirmeye başlar.

Kinetik Uygulamalar

İnşa etmek için patent bekleyen teknolojiyi kullanan, dijital ajansın ödüllü bir web sitesidir. iOS ve android cihazlar için web siteleri ve uygulamalar. anasayfa gökyüzü gibi görünüyor, ve mouseover zaman sana benziyor uçacak yönü seç.