Spring toggle
A spring, not a tween. It overshoots a hair and settles, so it feels physical.
spring 520 / 30 04.5 / WEB- ÉS FELÜLETMOZGÁS← Mozgógrafika
Felületek, amelyekélőnek érződnek.
Görgetéses történetek, mikrointerakciók és oldalátmenetek, amelyek könnyebben érthetővé és nehezebben felejthetővé teszik az oldalt, sebesség vagy akadálymentesség árán nélkül.
LÁSSA A MESTERSÉGET
A mozgáslabor: hét interakció, amelyet megérinthet
Valódi, működő felületmozgás, nem videó. Kapcsoljon, vigye fölé az egeret, húzzon és kattintson. Minden itt tiszteletben tartja a csökkentett mozgás beállítását.
04Depth
0%
- Brief
- Boards
- Animate
- Ship
A Roaswell stúdió készítette, hogy megmutassa, hogyan dolgozunk. Nem ügyfélmunka, és nem valódi márka.
MIT KAPMinden, ami kell
Minden, ami kell
a kiszállításhoz.
Meghatározott leszállítandók, a munka megkezdése előtt egyeztetve, hogy a terjedelem soha ne legyen meglepetés.
01
Mozgási alapelvek
Easing-, időzítési és spring-tokenek, hogy minden interakció ugyanahhoz a termékhez tartozónak érződjön.
02
Görgetési és oldalátmenetek
Történetvezérelt görgetési szekvenciák és útvonalátmenetek, amelyek irányítják a figyelmet, mint az ezen az oldalon láthatók.
03
Mikrointerakció-könyvtár
Gombok, kapcsolók, menük, kártyák és űrlapok, amelyek céllal reagálnak.
04
Éles kód vagy exportok
Tiszta CSS és JavaScript, vagy Lottie- és videóexportok, a stackjére készen.
05
Akadálymentességi változatok
Csökkentett mozgású alternatívák és fókuszviselkedés, amelyeket az elejétől megterveztek, nem utólag ragasztottak rá.
06
Teljesítménykeret
A mozgást a betöltési idővel és az interakciós késleltetéssel mérjük, mielőtt élesbe kerül.
HOGYAN ZAJLIKA brieftől
A brieftől
a kész műig.
Négy szakasz, mindegyik egyértelmű kimenettel, így mindig tudja, mi készül és miért.
Audit
Kiderítjük, hol tisztázna valamit a mozgás, és hol adna csak zajt hozzá.
Az alapelvek lefektetése
Meghatározzuk az easing és az időzítés szókincsét, hogy a döntések ne esetről esetre szülessenek.
Prototípus a böngészőben
A valódi közegben építünk, hogy amit jóváhagy, az kerüljön élesbe.
Élesítés és mérés
Teljesítménykerettel élesítünk, és figyeljük, mit csinálnak valójában a felhasználók.
HOL KAPCSOLÓDIKEgy stúdió.
Egy stúdió.
Egy rendszer.
A mozgás akkor dolgozik a legjobban, ha adatok adják a briefet, és ott szállítják, ahol a költségvetés van.
KÉRDÉSEKJó kérdések,
Jó kérdések,
egyenes válaszok.
Nem találta, amit keresett? Kérdezzen közvetlenül, és egy senior válaszol.
Lassítja az animáció az oldalunkat?
Nem, ha helyesen építik. Teljesítménykeretet határozunk meg, a legolcsóbb tulajdonságokkal animálunk, és valódi eszközökön tesztelünk.
Önök írják a kódot?
Igen. Szállíthatunk éles kódot, vagy átadhatunk specifikációkat és exportokat a csapatának a megvalósításhoz.
Mi a helyzet az akadálymentességgel?
Minden mozgásnak van csökkentett mozgású alternatívája, a billentyűzet- és képernyőolvasó-viselkedést pedig az animációval együtt tervezzük.
Működik a CMS-ünkkel vagy keretrendszerünkkel?
A legtöbb modern stackkel dolgozunk. Mondja el, mit használ, és megerősítjük a legjobb megközelítést.
Láthatom működés közben?
Éppen azt nézi. A görgetési szekvenciák, számlálók és leleplezések ezen az oldalon ugyanezzel a megközelítéssel készültek.