Valorificarea efectelor lichide în design web

Publicat: 2021-02-10

Dacă vrei să ieși în evidență față de concurență și să te faci auzit, trebuie să faci eforturi suplimentare. Aceasta este prima regulă a junglei online din zilele noastre. Cu toate acestea, nu înseamnă că trebuie să reinventezi roata sau să ai o grămadă de bani pentru a-ți permite o soluție grandioasă pentru a impresiona.

Chestia este că, în ciuda forfotei din jurul ideilor mari, micile detalii încă contează. Întotdeauna fac diferența. Puteți avea un site web obișnuit, cu structura de bază și design convențional, și totuși să ieși în evidență din mulțime. Tot ce trebuie să faceți este să îmbogățiți experiența utilizatorului cu câteva caracteristici mici, bine gândite. Și se pare că mulți creativi au un ochi pe această soluție, deoarece site-urile web moderne sunt pline de soluții microscopice. Prin urmare, putem asista la multe tendințe minuscule.

Una dintre tendințele atât de mici, dar inteligente și impresionante este un efect asemănător lichidului. Superputerea sa constă în faptul că funcționează în liniște – îmbunătățind experiența generală a utilizatorului și întărind impresia generală. Este neted, elegant și sofisticat.

Davide Perozzi / Nature Elixir / Nesatex

Luați în considerare portofoliul personal al lui Davide Perozzi, Nature Elixir și Nesatex. Aceste trei exemple arată tendința din unghiuri diferite.

Davide Perozzi folosește un comportament apos pentru a pune sloganul site-ului său în centrul atenției, fără a-l face tare. Soluția este abia perceptibilă aici. Cu toate acestea, este suficient să atrageți atenția. Oferă o interfață curată și îngrijită o poftă minunată. De asemenea, ajută să reflecte sufletul creativ al artistului, precum și să arate tuturor că Davide este unul care urmează tendințele și știe să le aplice fără a depăși publicul.

Davide Perozzi

Echipa din spatele Nature Elixir folosește suprafața apei într-una dintre secțiunile glisorului paginii de pornire. Poți să te joci cu el folosind cursorul mouse-ului. Puteți lăsa ondulații și urme – tulburând liniștea suprafeței. Aici soluția este folosită pentru a susține esența produsului, precum și pentru a ușura starea de spirit.

Elixir de natură

În cazul lui Nesatex, comportamentul asemănător lichidului este o simplă extravaganță care oferă zonei eroului o notă plăcută de individualitate și particularitate. Este, de asemenea, prezentat în glisor, dar de data aceasta condimentează diapozitivele cu o dinamică suplimentară, precum și îmbogățește tranzițiile dintre ele.

Nesatex

Academia eumRay

Efectul asemănător lichidului poate fi văzut peste tot. Este destul de popular printre artiștii site-urilor din zilele noastre. Sfera sa de utilizare nu se limitează doar la fundalurile din zonele eroilor, chiar dacă aici înflorește. Poate ați văzut deja că este un candidat ideal pentru a duce glisoarele la nivelul următor. Luați în considerare eumRay Academy, unde soluția beneficiază de experiența generală a utilizatorului cu efecte de tranziție fanteziste.

Are un design convențional în ceea ce privește aspectul și colorarea. Cu toate acestea, efectul asemănător lichidului îl împiedică să arate banal. Face interfața să se simtă intrigantă și elegantă. Și, în același timp, această tehnică reușește să-și salveze natura de afaceri. Soluția este folosită în glisor și ca efect principal revelator pentru afișarea secțiunilor pe derulare.

Academia eumRay

Băuturi Fleava / Kombu

Echipele din spatele Fleava și Kombu Drinks îmbogățesc cu ușurință estetica clasică cu o notă de bizarerie. În ambele cazuri, acesta din urmă servește ca un efect de tranziție minunat între diapozitive, care fac ca acest carusel de bază să arate original și primitor.

Fleava

Băuturi Kombu

Ruya Digital

Când vine vorba de efectul de tranziție, tendința poate fi benefică pentru toate meniurile de navigare glisante care sunt ascunse în spatele butoanelor hamburger. Să aruncăm o privire la Ruya Digital ca exemplu viu. Fiecare deschidere și închidere a meniului principal este însoțită de un strat special care curge în jos din partea de sus.

Are un fundal frumos degradat retro, cu un comportament foarte neted și subtil. Separă în mod viu partea din față de spate – totuși leagă cu pricepere totul.

Ruya Digital

Balconi / Lukas Jardin

Efectul asemănător lichidului poate fi adus în joc ca o răsucire atrăgătoare. Luați în considerare Balconi și portofoliul personal al lui Lukas Jardin.

Echipa creativă a site-ului oficial Balconi folosește soluția pentru a adăuga un pic de condiment designului destul de banal al paginii de start. După cum puteți vedea, fundalul a fost împărțit în două secțiuni orizontale. Partea de sus este pusă în mișcare. Iar mișcările sale sunt atât de blânde și subtile încât adaugă la estetică – mai degrabă decât să facă totul despre ei înșiși. Soluția oferă utilizatorilor niște ancore de focalizare discrete, precum și menține tema vie (la propriu).

Balconi

Lukas Jardin potrivește tonul portofoliului său personal creativ cu un comportament lichid. Aici se aplică imaginilor plasate în glisorul zonei eroi. Ideea lasă o primă impresie bună. Nu copleșește și nici nu enervează – doar face lucrurile interesante.

Efectul cooperează frumos cu restul site-ului, adăugând un pic mai multă personalitate proiectului. Este un exemplu excelent de a face ca un carusel obișnuit bazat pe imagini să se simtă special și unic.

Lukas Jardin

Azure The Oceanic / Cobra Ultra Swipe

Desigur, una dintre zonele în care efectul asemănător lichidului se simte ca acasă este modelele cu o temă inspirată de apă. Să explorăm Azure The Oceanic și Cobra Ultra Swipe.

Numele primului site vorbește de la sine. De la început, devine evident că tema apei conduce spectacolul aici. Și, fără un comportament asemănător lichidului reprodus cu îndemânare, va pierde, fără îndoială, ceva. La fel ca și în cazul Nature Elixir, aici ești invitat să participi la un mic loc de joacă cu o suprafață dinamică unde poți lăsa ondulații. Distractiv și antrenant.

Azure The Oceanic

În ceea ce privește Cobra Ultra Swipe, chiar dacă plăcuța de identificare nu clarifică la început povestea din spatele proiectului, zona eroilor spune totul. Site-ul este dedicat ochelarilor de protecție subacvatici, așa că nu este o surpriză că echipa a ales motive de apă. Efectul asemănător lichidului care poate fi văzut în zona eroului, precum și pe întregul site web se potrivește ca o mănușă.

Cobra Ultra Swipe

O forță de maree

Puterea magnetică a acestei tendințe minuscule stă în originea sa. În esență, este un comportament de apă imitat cu pricepere. Și știm cu toții, există trei lucruri pe care oamenii le pot urmări pentru totdeauna - iar apa este unul dintre ele.

Efectul asemănător lichidului este destinat doar să cucerească inimile vizitatorilor. Și cu siguranță face asta. Folosit în doze mici, contribuie fără efort la proiecte – făcând experiența utilizatorului de neuitat.