Web Tasarımında Sıvı Efektlerden Yararlanma

Rekabette öne çıkmak ve sesinizi duyurmak istiyorsanız, ekstra yol kat etmeniz gerekiyor. Bu günlerin çevrimiçi ormanının ilk kuralı bu. Bununla birlikte, etkilemek için görkemli bir çözüm elde etmek için tekerleği yeniden icat etmeniz veya bir sürü paranız olması gerektiği anlamına gelmez.

Mesele şu ki, büyük fikirlerin etrafındaki tüm koşuşturmacaya rağmen, küçük detaylar hala önemlidir. Her zaman fark yaratırlar. Temel yapısı ve geleneksel tasarımı ile sıradan bir web sitesine sahip olabilir ve yine de kalabalığın arasından sıyrılabilirsiniz. Tek yapmanız gereken, kullanıcı deneyimini bazı küçük, iyi düşünülmüş özelliklerle zenginleştirmek. Ve modern web siteleri mikroskobik çözümlerle dolu olduğundan, birçok yaratıcının bu geçici çözüm üzerinde gözü var gibi görünüyor. Bu nedenle birçok küçük trende tanık olabiliriz.

Böyle küçük ama akıllı ve etkileyici trendlerden biri, sıvı benzeri bir etkidir. Süper gücü, sadece sessizce çalışması gerçeğinde yatar - genel kullanıcı deneyimini geliştirir ve genel izlenimi güçlendirir. Pürüzsüz, zarif ve sofistike.

Davide Perozzi / Doğa İksiri / Nesatex

Davide Perozzi, Nature Elixir ve Nesatex'in kişisel portföyünü düşünün. Bu üç örnek, eğilimi farklı açılardan göstermektedir.

Davide Perozzi, web sitesinin sloganını yüksek sesle yapmadan dikkat çekmek için sulu bir davranış kullanıyor. Çözüm burada zar zor algılanabilir. Yine de dikkat çekmek için yeterli. Temiz ve düzenli bir arayüze hoş bir tat verir. Ayrıca, sanatçının yaratıcı ruhunu yansıtmanın yanı sıra, Davide'in trendleri takip eden ve izleyiciyi zorlamadan onları nasıl uygulayacağını bilen biri olduğunu herkese göstermeye yardımcı olur.

Nature Elixir'in arkasındaki ekip, ana sayfa kaydırıcısının bölümlerinden birinde su yüzeyinden yararlanıyor. Fare imlecinizi kullanarak onunla oynayabilirsiniz. Yüzeyin dinginliğini bozan dalgalanmalar ve izler bırakabilirsiniz. Burada çözüm, ürünün özünü desteklemek ve havayı hafifletmek için kullanılır.

Nesatex örneğinde, sıvı benzeri davranış, kahraman alanına hoş bir bireysellik ve özgünlük dokunuşu veren yalnızca bir savurganlıktır. Kaydırıcıda da yer alıyor, ancak bu sefer slaytları bazı ekstra dinamiklerle renklendiriyor ve aralarındaki geçişleri zenginleştiriyor.

eumRay Akademisi

Sıvı benzeri etki her yerde görülebilir. Günümüzde web sitesi sanatçıları arasında oldukça popülerdir. Kullanım alanı, geliştiği yerde olmasına rağmen, sadece kahraman alanlarındaki arka planlarla sınırlı değildir. Kaydırıcıları bir sonraki seviyeye taşımak için ideal bir aday olduğunu zaten görmüş olabilirsiniz. Çözümün hayali geçiş efektleriyle genel kullanıcı deneyimine fayda sağladığı eumRay Academy'yi düşünün.

Düzen ve renklendirme açısından geleneksel bir tasarıma sahiptir. Bununla birlikte, sıvı benzeri etki, banal görünmesini engeller. Arayüzün ilgi çekici ve süslü görünmesini sağlar. Ve aynı zamanda bu teknik, iş benzeri doğasını korumayı başarıyor. Çözüm, kaydırıcıda ve parşömen üzerinde bölümleri göstermek için ana açığa çıkarma efekti olarak kullanılır.

Fleava / Kombu İçecekleri

Fleava ve Kombu Drinks'in arkasındaki ekipler, şık estetiği bir tuhaflık notuyla kolayca zenginleştiriyor. Her iki durumda da, ikincisi, bu temel atlıkarıncanın orijinal ve davetkar görünmesini sağlayan slaytlar arasında hoş bir geçiş efekti işlevi görür.

Rüya Dijital

Geçiş efekti söz konusu olduğunda, trend, hamburger düğmelerinin arkasına gizlenmiş tüm kaydırmalı gezinme menüleri için faydalı olabilir. Canlı bir örnek olarak Rüya Digital'e bir göz atalım. Ana menünün her açılıp kapanmasına, yukarıdan aşağıya doğru akan özel bir katman eşlik ediyor.

Çok düzgün ve ince davranışlı güzel bir retro gradyan arka planına sahiptir. Ön tarafı arkadan canlı bir şekilde ayırır - yine de her şeyi ustaca birbirine bağlar.

Balkon / Lukas Jardin

Sıvı benzeri etki, çekici bir bükülme olarak oyuna getirilebilir. Balconi'yi ve Lukas Jardin'in kişisel portföyünü düşünün.

Balconi resmi web sitesinin yaratıcı ekibi, çözümü ana sayfanın oldukça önemsiz tasarımına biraz renk katmak için kullanıyor. Gördüğünüz gibi, arka plan iki yatay bölüme ayrılmıştır. Üst kısım harekete geçirilmiştir. Ve hareketleri o kadar yumuşak ve incedir ki, her şeyi kendileri yapmak yerine estetiğe katkıda bulunurlar. Çözüm, kullanıcılara göze batmayan bazı odak bağlantıları sağlar ve temayı canlı tutar (kelimenin tam anlamıyla).

Lukas Jardin, yaratıcı kişisel portföyünün tonuna sıvı benzeri davranışlarla uyum sağlıyor. Burada, kahraman alanı kaydırıcısına yerleştirilen resimlere uygulanır. Fikir iyi bir ilk izlenim bırakıyor. Bunaltıcı veya rahatsız edici değil - sadece işleri heyecanlandırıyor.

Etki, web sitesinin geri kalanıyla güzel bir şekilde işbirliği yaparak projeye biraz daha kişilik katıyor. Normal bir görüntü tabanlı atlıkarıncanın nasıl özel ve benzersiz hissettirileceğinin mükemmel bir örneğidir.

Azure The Oceanic / Cobra Ultra Kaydırma

Tabii ki likit efektinin kendini evinde hissettirdiği alanlardan biri de sudan ilham alan temalı tasarımlar. Azure The Oceanic ve Cobra Ultra Swipe'ı keşfedelim.

İlk web sitesinin adı kendisi için konuşur. En başından itibaren, su temasının burada gösteriyi yönettiği açıkça görülüyor. Ve ustaca yeniden üretilmiş sıvı benzeri bir davranış olmadan, şüphesiz bir şeyler kaybedecektir. Nature Elixir örneğinde olduğu gibi, burada dalgalar bırakabileceğiniz dinamik bir yüzeye sahip küçük bir oyun alanına katılmaya davetlisiniz. Eğlenceli ve ilgi çekici.

Cobra Ultra Swipe'a gelince, isim plakası projenin arkasındaki hikayeyi ilk başta netleştirmese de, kahraman alanı her şeyi söylüyor. Web sitesi sualtı gözlüklerine adanmıştır, bu nedenle ekibin su motiflerini seçmesi şaşırtıcı değildir. Kahraman alanında ve tüm web sitesinde görülebilen sıvı benzeri etki, bir eldiven gibi uyuyor.

Gelgit Gücü

Bu küçük eğilimin manyetik gücü, kökeninde yatmaktadır. Özünde, ustaca taklit edilmiş bir su davranışıdır. Ve hepimiz biliyoruz ki, insanların sonsuza kadar izleyebileceği üç şey vardır ve su bunlardan biridir.

Sıvı benzeri etki, ziyaretçilerin kalbini kazanmaya yöneliktir. Ve kesinlikle bunu yapıyor. Küçük dozlarda kullanıldığında projelere zahmetsizce katkı sağlayarak kullanıcı deneyimini unutulmaz kılıyor.