Alapvonal · ikonmozgás
SzabályIkonokKészletAz oldalonKritika

Alapvonal · 3. kör · mozgás

A sztenderd nem mozdul. Minden más rá érkezik.

A 3. kör geometriája zárva: az ikonokat csak rétegekre bontottam, ugyanazokból az elemekből, ezért a nyugalmi kép pixelre azonos. Minden mozgás egyszer fut le, amikor a szakasz a képbe ér; semmi nem ismétlődik. 16 px-en egyetlen mozdulat marad, csökkentett mozgásnál a nyugalmi kép.

0 px – a talp soha nem mozdul érkezés ±0,6 → 0 E · (.15,.85,.35,1) G · (.55,0,.8,.35)

A sztenderd nem mozdul. Minden más hozzá képest mozog, és rá érkezik; a kék rész fölé emelkedik, és ott is marad.

  1. 01E – a rendszer görbéje: ami magától érkezik (gurul, emelkedik, ereszkedik), lassulva ér a helyére.
  2. 02G – a „ráhullás”: ami a sztenderdre esik, gyorsulva érkezik, mint a gravitációban, és pattanás nélkül megáll. Ez az egyetlen második görbe; nélküle minden súlytalan lenne.
  3. 03Túllendülés legfeljebb 0,6 egység, egyszer; ülepedés E-vel. Rugalmas pattogás, forgás, rázás nincs.
  4. 04Megjelenés 400–900 ms, egyszer; érintés 150–300 ms, és teljesen visszatér. Csak transform és opacity.
  5. 05A végén minden animáció lekerül a rétegről, így a nyugalmi kép pontosan a 3. kör – egész pixeleken, élesen.

Ikononként

{{ c.label }}

{{ c.pix }}

{{ c.idea }}

Forgatókönyv · 5 kulcskocka

  1. {{ s.t }} ms{{ s.x }}
RétegTulajdonságIdőKésésGörbe
{{ r.l }}{{ r.p }}{{ r.d }} ms{{ r.t }} ms{{ r.e }}

16 px · egy mozdulat

Csökkentett mozgás

A készlet együtt

{{ c.label }}
{{ c.label }}

Az élő oldalon

Az 1 · Pont. koncepció, görgethető. Egy szakaszon belül az ikonok olvasási sorrendben indulnak, 120 ms-os lépéssel; a hero chipjei a címanimáció után. Élő oldal ↗

SzakaszIkonokIdőzítés
{{ r.a }}{{ r.b }}{{ r.c }}

Kritika

Mi mutatja meg a jelentést, és mi csak mozog

  1. {{ r.l }}{{ r.v }}{{ r.t }}