Specimen live de mișcare
Mișcarea poate explica ordinea, poate conduce atenția și poate da unei interfețe o senzație fizică. Pagina aceasta arată diferența dintre mișcarea utilă și decor.
- 01
Intrare
Treceți primul prag.
Porțile concentrice transformă progresul lecturii în distanță. Fiecare pas înainte vine din derularea dumneavoastră.
- 02
Curbă
Lăsați tunelul să se încline în jur.
Camera părăsește axa centrală, iar inelele conduc privirea prin curbă fără să vă ia controlul.
- 03
Plonjare
Țintiți deschiderea.
O formă irizată umple cadrul, se deschide într-un pasaj și lasă loc suprafeței de lucru de dincolo.
Poziția derulării este camera. Fără redare automată, fără mesaje ascunse și cu un traseu static complet când mișcarea este redusă.
01Profunzime CSS
Un ecran plat poate avea profunzime.
Perspectiva discretă separă suprafața de lucru de detaliile de deasupra. Ierarhia se citește înaintea efectului.
Treceți peste scenă. Straturile răspund fără să miște textul.
Interfață live
Munca, la îndemână. O suprafață clară pentru următorul lucru care cere atenție.02Ritm la derulare
Pagina ține ritmul în timp ce citiți.
Fiecare idee apare o singură dată, în ordinea documentului. Fără scripturi, aceleași idei sunt deja acolo.
- 01 Pregătit
Stabiliți cadrul
Oferiți suficient context ca vizitatorul să înțeleagă ce urmează.
- 02 Vizibil
Ghidați privirea
Aduceți în față o decizie utilă fără să ascundeți restul.
- 03 Fixat
Lăsați-l așezat
După apariție, conținutul rămâne nemișcat și ușor de regăsit.
03Text în mișcare
Cuvintele pot purta semnalul.
Fraza de deschidere este împărțită în cuvinte reale la build. Intră ca un singur gând și păstrează un singur nume accesibil.
Fără imagine cu text. Fără împărțirea cuvintelor în browser. Fără un al doilea anunț pentru cititorul de ecran.
Treceți peste planșă ca să testați răspunsul.
Reținerea face parte din sistem
Mișcare numai când își merită locul.
Putem da viață unui site fără să-l facem mai greu de folosit. Vedeți această judecată aplicată propriei afaceri.