Spring toggle
A spring, not a tween. It overshoots a hair and settles, so it feels physical.
spring 520 / 30 04.5 / GIBANJE ZA SPLET IN VMESNIKE← Gibljiva grafika
Vmesniki, kidelujejo živo.
Zgodbe ob pomikanju, mikrointerakcije in prehodi med stranmi, zaradi katerih je spletno mesto lažje razumeti in težje pozabiti, brez izgube hitrosti ali dostopnosti.
OGLEJTE SI OBRT
Laboratorij gibanja: sedem interakcij, ki se jih lahko dotaknete
Pravo, delujoče gibanje vmesnika, ne video. Preklapljajte, lebdite, vlecite in klikajte. Vse tukaj spoštuje nastavitve zmanjšanega gibanja.
04Depth
0%
- Brief
- Boards
- Animate
- Ship
Izdelal študio Roaswell, da pokaže, kako delamo. Ni delo za stranko in ni prava znamka.
KAJ PREJMETEVse, kar je potrebno
Vse, kar je potrebno
za dostavo.
Opredeljene dostave, dogovorjene pred začetkom dela, tako da obseg nikoli ni presenečenje.
01
Načela gibanja
Žetoni za easing, časovni potek in spring, da se vsaka interakcija zdi del enega izdelka.
02
Prehodi ob pomikanju in med stranmi
Zaporedja pomikanja, vodena z zgodbo, in prehodi med potmi, ki vodijo pozornost, kot na tej strani.
03
Knjižnica mikrointerakcij
Gumbi, stikala, meniji, kartice in obrazci, ki se odzivajo z namenom.
04
Produkcijska koda ali izvozi
Čist CSS in JavaScript ali izvozi za Lottie in video, pripravljeni za vaš sklad.
05
Različice za dostopnost
Alternative z zmanjšanim gibanjem in vedenje fokusa, zasnovani od začetka, ne dodani naknadno.
06
Proračun zmogljivosti
Gibanje se meri glede na čas nalaganja in zakasnitev interakcije, preden je objavljeno.
KAKO POTEKAOd briefa
Od briefa
do končnega izdelka.
Štiri faze, vsaka z jasnim izidom, tako da vedno veste, kaj nastaja in zakaj.
Revizija
Ugotovimo, kje bi gibanje nekaj razjasnilo in kje bi dodalo le šum.
Določimo načela
Opredelimo besednjak easinga in časovnega poteka, da se odločitve ne sprejemajo več od primera do primera.
Prototip v brskalniku
Gradimo v pravem mediju, da je tisto, kar potrdite, tisto, kar se objavi.
Objavimo in merimo
Objavimo s proračunom zmogljivosti in spremljamo, kaj uporabniki dejansko počnejo.
KJE SE POVEZUJEEn študio.
En študio.
En sistem.
Gibanje deluje najbolje, ko ga naročajo podatki in se dostavlja tja, kjer je proračun.
VPRAŠANJADobra vprašanja,
Dobra vprašanja,
neposredni odgovori.
Ne najdete, kar iščete? Vprašajte nas neposredno in odgovoril vam bo senior.
Ali bo animacija upočasnila našo stran?
Ne, če je zgrajena pravilno. Določimo proračun zmogljivosti, animiramo z najcenejšimi lastnostmi in testiramo na pravih napravah.
Ali pišete kodo?
Da. Dostavimo lahko kodo, pripravljeno za produkcijo, ali predamo specifikacije in izvoze vaši ekipi za implementacijo.
Kaj pa dostopnost?
Vsako gibanje ima alternativo z zmanjšanim gibanjem, vedenje tipkovnice in bralnikov zaslona pa je zasnovano skupaj z animacijo.
Ali deluje z našim CMS-jem ali ogrodjem?
Delamo z večino sodobnih skladov. Povejte nam, kaj uporabljate, in potrdili bomo najboljši pristop.
Ali lahko to vidim v delovanju?
Prav to gledate. Zaporedja pomikanja, števci in razkritja na tej strani so zgrajeni z istim pristopom.