0

Стандардна крива за ублажавање дизајна материјала

Дизајнирајте прилагођену ЦСС цубиц-безиер() функцију времена превлачењем две контролне тачке, прегледајте је уживо у односу на линеарну референцу, а затим копирајте готову вредност.

Превуците наранџасту ручицу (П1) и црвену ручицу (П2) да бисте променили облик кривине — тастери са стрелицама такође раде. Кс остаје стегнут између 0 и 1 како ЦСС захтева; превуците ручицу изнад или испод оквира да бисте послали и преко тог опсега за ефекте прекорачења и одбијања.

Твоја крива

Линеарни (за поређење)

Обрада... 0%

Резултат

Ова страница отвара генератор са већ учитаним к1=0,4, и1=0, к2=0,2, и2=1 — стандардном кривом ублажавања објављеном у Гоогле-овим смерницама за кретање материјала за дизајн. Превуците или ручицу или уредите бројеве и криву, преглед уживо и ажурирање ЦСС-а за копирање.

Материјални дизајн назива ову криву „стандардно ублажавање“ и препоручује је за већину прелаза на екрану — елементе који су већ видљиви и једноставно се крећу, мењају величину или бледе унутар истог екрана. Његов облик се брзо убрзава, а затим лагано успорава на своје место, због чега толико много Андроид апликација и веб корисничких интерфејса у стилу материјала деле исти осећај прелаза, а да нико не примети да користе иста четири броја.

Испустите га директно у функцију прелазног времена или функцију времена анимације за осећај конзистентног материјала или га користите као референтну тачку: Смернице за материјал такође дефинишу засебне криве „успоравања“ и „убрзавања“ за елементе који улазе или напуштају екран, које ова јединствена стандардна крива није намењена да замени.