共通設計理論教材 / Class LLL

重複、錯落與動作時序

同一動作重複，何時開始各自不同

固定三件同路徑、同移動與停留，只比較同時或每件隔300毫秒啟動。以時序表、播放與靜態取樣分清同時、先後、重疊與整組完成，換任務限制錯落方案。

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

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

閱讀目標

把每件時長和整組跨度分開
辨認錯落仍可重疊
用任務條件限制時序選擇

適用條件與學習範圍

三件做一樣的動作，是否代表同時做、依序做，或必須等前一件結束？

能讀毫秒與同一路徑；可先讀時間、停留與視覺節奏。

能算出並指出三件的啟動與到達時刻，分清重複、間隔和重疊；用同時完成的指定任務解釋錯落的限制。

不保證錯落提高注意、理解或美感，不把300毫秒寫成通用標準；不模擬真實因果、碰撞或工具時間軸。

原理與判斷

重複描述做什麼相同，時序描述何時發生。三個方形走一樣的路徑，不代表三個同時開始。反過來，每件隔300毫秒開始，也不代表第二件必須等第一件結束；它們的移動與停留可能重疊。本頁保留相同空間排布與動作，只切啟動間隔0／300毫秒。用清楚的啟動、停留與到達表，避免靠一段快速動畫猜先後。

個別動作不變，起點時間平移

預設每件的局部時程都是移動400、停留800、移動400，共1600毫秒。錯落300時A在0、B在300、C在600啟動；所以到達依序為1600、1900、2200。B／C的行程沒有縮短，也沒有走更長路。改同時啟動後，三件都在0開始、1600到達。差異是起點時間，不是三件的空間位置、移動時間或中點停留。時間帶仍用同一0–2400尺，因此整組跨度可以直接比較。

錯落不等於一件做完才輪下一件

A的1600毫秒尚未走完，B在300、C在600就開始，三件會重疊活動。若要一件結束才輪下一件，這個1600毫秒動作的啟動間隔要另設，不能把本例300毫秒錯落叫成完全串行。空間上A、B、C排在不同列，只是方便辨認標記。時間先後來自毫秒時程，不來自上排先被看見的假設，更沒有量測讀者的注意順序。

重複的路徑，仍可停在不同相位

檢視400毫秒時，預設A剛到中點、B只走100毫秒、C尚未啟動；它們不是三種不同路徑，而是同一動作的不同局部時刻。逐格與靜態分鏡把這件事保留下來，不需要持續觀看動態。原創時程的中點停留與線性兩段只是教學選擇；角色表演、介面回饋或真實物體各有自己的目的與限制。S24談關鍵姿勢及中間姿勢，沒有替本站指定300毫秒的通用效力。

改目的後，錯落可能不合條件

按改問三件同時完成：這個題目明確要求三件在同一時刻到達。預設錯落會產生1600／1900／2200，不能滿足題目；切同時啟動才能得到三件1600。這是依條件核對，不是把同時或錯落評成比較美。 IBM把productive與expressive分成不同溝通語氣，且說選擇理由重要，沒有固定公式。本站因此不給偏好分數、不把播放完成當成理解；使用者可停、重播或靜態讀取所有必要資訊。

步驟與觀察

核對各自時程
先用800停留、300錯落，讀啟動0／300／600與到達1600／1900／2200；說出個別1600與整組2200的不同。
只改啟動間隔
切同時啟動，保持停留與時刻不變；比較三列位置，再回300錯落。
找一個重疊時刻
檢視400毫秒，指出A、B、C的不同相位；再用取樣格與分鏡核對，不靠觀看感受猜先後。
改問同時完成
用到達表判斷是否滿足指定任務；補讀停留，再返回／重載保留時序方案，重設只改本頁。

常見問題

把每件1600加成整組4800

本例有時間重疊。整組從最早啟動到最後到達是2200，不是逐件串行總和。

把空間上排當成時間先發生

先看啟動表與時間帶；空間順序不能代替時間證據，更不等於眼動順序。

認為錯落一定更易懂

先明說任務。若要求同時完成，現有錯落不合條件；讀者理解或偏好需另外取得證據。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：原創三物件同路徑、停留與啟動間隔的時間示意；跨工具理論，不教工具時間軸操作。來源狀態：實讀S19 IBM Overview的Approach四段、Productive and expressive Types與Applications；S20 W3C SC2.3.3的AAA準則、Intent與Examples（非規範性解說）；S24展覽Animation is acting的動畫／關鍵影格正文及Tony DeRose的key frames／splines回答。未把附掛影片、書籍或論文當成已讀全文。品牌啟發式、無障礙解說與創作教育分開，不當眼動／偏好／物理證據。示意限制：原創A／B／C各在400ms走30→150、停0或800ms，再400ms走150→270；啟動同時或每件隔300ms。共用固定0–2400ms尺，100ms手動取樣不是影片fps。播放、路徑、時序帶、當前讀數與靜態表皆同一模型；重用40件SVG校樣架。原生軟體實測：未在Ps／Ai／Figma或影片工具實測時間軸；本站以唯一瀏覽器時間戳預覽原創時程，不保證原生軟體輸出或刷新率。學習成效驗證：沒有眼動、注意分配、閱讀速度、偏好、情緒、物理運動或真人學習測試。播放完不等於看懂，三件同時完成僅題目條件。

參考來源

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