共通設計理論教材 / Class LLL

速度、加減速與緩動

同樣到達，途中可以快慢不同

固定30到270與1600毫秒，比較等速及二次in／out／inOut；用同一時刻的位置、當前速率與時間進度圖核對，再改時長及固定速率任務檢查限制。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 10 分鐘

開啟互動教材查看參考來源

閱讀目標

區分同起終點與同速率
用時間進度曲線讀快慢
把曲線、總時長與任務分開

適用條件與學習範圍

起終點和總時間相同，是否表示每一刻的位置與速度也相同？

能讀時間、起終點與停留；建議先讀時間、停留與視覺節奏。

能在同一時刻比較不同時間曲線的位置，分清平均位移率與當前速率，說明換時長或換固定速率任務時的取捨。

只是一維單調示意，沒有彈簧、阻力、反彈、物理量測或普遍最佳緩動；不教完整微積分或工具操作。

原理與判斷

從30到270的位移是240，總時間1600毫秒時平均位移率為150示意單位／秒。但平均值沒有說每一刻走多少；前面慢、後面快也能準時到達。只看終點，會把不同時間分配混為一談。本頁讓L保持等速，B依你選的曲線移動。兩者起終點和時長相同，改一項曲線即可核對差異。它不是在找所有物體都適用的自然感，也沒有量測讀者喜不喜歡。

先把時間正規化，再看位置

以p表示目前時間÷總時長，限制在0–1。等速進度是p；二次in是p²，out是1−(1−p)²；inOut前半2p²、後半1−2(1−p)²。位置都用30＋240×進度，因此每條曲線起於30、終於270。在400／1600毫秒，即p=.25，等速L在90，in在45，out在135，inOut在60。這組可手算的例子說明同一時刻可能走不同距離；它們最後仍到同一點。

平均率和當前率不能混讀

240÷1.6秒得到150，是整段平均位移率。圖中當前速率則取時間曲線的導數；例如二次out在p=.25的斜率為1.5，故當前為225示意單位／秒。它不等於當下位置135，也不是把畫面更新次數當成速度。二次in的斜率隨p增加，out隨p減少，inOut先增後減。進度圖的斜率才對應快慢；圖線的彎曲不是物件在空間中繞彎。抵達後讀數為0；等速線在端點直接停住，不是完整物理加減速過程。

改時長是另一個變因

保持同一曲線，1600改800毫秒，平均位移率由150變300。到達位置不變，正規化p相同時的路徑位置也不變；但同一400毫秒已從p=.25變.5。比較前先說你固定的是實際時間還是比例時間。時間尺固定0–1600毫秒，800方案抵達後保持終點；靜態序列仍列相同時刻。若曲線和時長一起亂換，就無法把差異單獨歸到緩動。100毫秒按鈕只是取樣步長，不是影片fps或最佳停留。

曲線選擇要有目的

改問固定速率掃描：如果題目要求移動期間每個等長時間走等長距離，linear符合，非線性曲線不符。這個判斷來自任務定義，不是把linear評成最美。換成狀態提示或角色表演，目的和證據又不同。 IBM的Slow in and slow out及Timing是對圖形動態的品牌解讀，沒有要求所有物體使用本站二次式。S24以關鍵姿勢及其中間姿勢解釋動畫；本站GSAP只計算進度映射，不代表物理模擬、情緒或理解效果。

步驟與觀察

固定時刻比較
切正面，檢視400毫秒；保持1600時長，依序換in／out／inOut，核對45／135／60與L的90。
核對當前與平均
用out400毫秒的位置135及當前225示意單位／秒，對照整段平均150，不把位置數字當速率。
只改總時間
保持同曲線，切800時長；說明同一400毫秒為何位置改變，以及800後如何保持終點。
換目的與補讀
改問固定速率掃描，依條件選曲線；再補讀來源轉場，返回／重載保留曲線及時間。

常見問題

把時間進度圖當空間路徑

橫軸是ms，縱軸是進度；物件仍只沿30→270直線走。圖彎不代表路彎。

看到135就說速度135

135是位置；當前速率與平均率有各自單位和定義。回讀圖中225／150的差別。

宣稱某條ease最自然或適合所有物體

先說對象、目的與條件。本站二次曲線是原創比較，沒有材質、動量或偏好驗證。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：跨工具原理：一維同起終點的時間曲線，以及來源／目的位置和身分的原創轉場示意。來源狀態：S19實讀IBM Overview Approach／Types／Applications及傳統 principles Staging／Pose to pose／Slow in and slow out／Arc／Timing正文；這是品牌解讀，不把其自然語氣當物理定律。S20實讀AAA準則、Intent／Examples（Understanding非規範性解說）；S24實讀Animation is acting、key frames與Tony DeRose之splines回答，未冒稱已看附連影片／論文／書。另讀GSAP parseEase正文核對純映射介面，沒有以程式庫證明人的偏好或理解。示意限制：原創30→270示意路徑，時長1600或800ms；等速與二次in／out／inOut，速度讀數為曲線導數，非量測。轉場另設清單票A與詳情票A位置，連續插值或半程直接切換；返回反向，目的換票B是身分反例。單一時鐘、100ms取樣與靜態序列同源，重用40件校樣架。原生軟體實測：沒有Ps／Ai／Figma／影片工具時間軸或原生轉場實測；本站模型不是真實頁面導航、相機、彈簧或動量模擬。學習成效驗證：未做眼動、導航績效、閱讀速度、偏好、情緒或真人學習試驗。物件恆存於此指識別線索延續，不是心理學發展實驗；動態連續不證明資料身分相同。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。