Justerade bezier-kurvor

Sajten använder transitions sparsamt för några hover-effekter bland annat. Har nu djupdykt i timing-funktionerna, dels inspirerad av Material Design Guidelines teorier om massa och vikt, och dels för att se om jag kunde ändra känslan som förmedlas.

Har nu bytt den lite trista standardiserade ease-in-out (nästan alla har den) mot en enligt Material Design rekommenderad bezier-kurva för saker som kommer in på skärmen. Ja, just det. Saker som kommer in på skärmen. Saker som åker ut ur skärmen har andra timings.

Så nu kör jag med kurvan cubic-bezier(.4,0,.2,1) som jag testat mig fram till. Känns lite mer alert på nåt vis. Tycker den funkar fint.

Du kan själv testa tidsfunktionen med de fyra variablerna här.

Läs mer om sajten

(Det här blogginlägget har lästs 2594 gånger.)

Dela sidan…
Share on FacebookTweet about this on TwitterShare on LinkedIn

Inspirationsbrevet Maslow

Maslow är vårt inspirationsbrev om marknadskommunikation och varumärkesutveckling. Det publiceras nån gång i månaden. Du kan avsluta din prenumeration när du vill. Läs mer om hur dina personuppgifter hanteras.