Class LLL / 設計星團教材目錄編輯與來源

共通設計理論 教材 / Class LLL

時間、停留與視覺節奏

位置不動的那一段,也佔了時間

在同一條路徑上,只改中點停留0/800毫秒,核對位移、移動時間與總時長。播放、暫停、100毫秒取樣及靜態分鏡互相核對,不把停留當成閱讀理解保證。

撰寫與維護:Class LLL · Lab Light Label|預估閱讀 9 分鐘

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

閱讀目標

適用條件與學習範圍

兩次都到同一終點,為什麼經過的時間與節奏仍不同?停住又代表什麼?

能在路徑、時間帶與靜態表中指出移動和停留,完成只改停留長度的比較,區分取樣間隔與螢幕刷新。

不量測人是否有時間看懂、不提供最佳閱讀秒數、不作物理速度/加速度模擬,緩動曲線另由其教材說明。

原理與判斷

同一組空間位置,不會唯一決定它如何經過。標記都從30走到270,仍可以在150停住、連續穿過,或不同時啟動。若只看起點與終點,會漏掉中途停留。時間帶因此要同時說明何時移動、何時不動。 本頁把800毫秒移動拆成兩段各400毫秒,中點再放入0或800毫秒停留。這是可核對的原創時程,不是對人眼或閱讀效果的測量。你可以不播放,直接用100毫秒取樣與靜態分鏡完成同一比較。

移動與停留各自計時

A在0毫秒啟動:0–400從30到150;預設400–1200停在150;1200–1600從150到270。因此移動時間仍800毫秒,但從啟動到到達共1600毫秒。停留不是把那800毫秒移動拖慢,也沒有增加路徑長度。 把停留改0時,兩段移動直接相接,A於800毫秒到達。固定時間尺與路徑,才能把差異歸於停留條件,而不是悄悄改了尺、位移或播放速度。

用同一時刻比較,先看相位

選檢視1200毫秒:有800毫秒停留的A恰在中點準備進後半;停留0的A已到終點。B/C若錯開啟動,則同一時刻可能各在不同階段。讀數同時列階段和x位置,不以按鈕設定值冒充目前位置。 播放時的豎線、路徑標記與當前數字都來自同一個毫秒時鐘;暫停保留當時畫面。改參數會停下,讓你比較同一時刻,不在背景偷偷重播。

取樣格不是顯示影格率

前後一格每次取樣相差100毫秒,這是本站方便手動觀察的步長。它不等於裝置刷新率,也不聲稱影片以10fps輸出;實際播放依瀏覽器時間戳計算,不靠每畫一張固定加一格。 展覽S24用連續圖像、關鍵影格與其中間姿勢解釋動畫。這能幫助區分指定時刻與播放過程;它沒有為本站100毫秒或800毫秒提供閱讀效能證明,也不能把三個方形當成角色表演研究。

停留要回到溝通目的

IBM要求動態有明確目的、簡潔且只動必要部分,這是品牌實務。停留可能提供一個可檢查的狀態,卻不能保證任何人已經看見或看懂;短文、長文、讀者與任務改了,都需要重新判斷。 本頁少動態時不開自動播放,仍有逐格、時序表與分鏡。W3C SC2.3.3是AAA且其Understanding為非規範性解說;本專案的靜態等價要求來自已確認規格,不是宣稱只做一條就全站符合WCAG。

步驟與觀察

  1. 先固定一個時刻

    切正面圖、檢視1200毫秒;找A的中點、階段與時間帶豎線,對照靜態分鏡。

  2. 只改停留

    在同一1200毫秒切0/800停留;核對A從終點改為中點,路徑和800毫秒移動不變。

  3. 手動與播放互核

    前後100毫秒觀察邊界;可播放者暫停核對毫秒,少動態者直接用取樣與表完成比較。

  4. 換任務檢查限制

    改問三件同時完成,分辨啟動間隔的影響;補讀錯落後返回,保留自己的時刻與停留。

常見問題

把位置沒變說成時間沒過

停留400–1200毫秒時位置固定,但時間帶仍前進;分開讀位置與時間。

把100毫秒取樣格當成影片fps

這是手動觀察步長。瀏覽器播放依時間戳,裝置刷新和影片輸出另有條件。

把800毫秒停留說成人人看得懂

回到資訊量、讀者與任務。這裡只有時程比較,沒有閱讀或眼動證據。

適用範圍與證據

原教材查核日期: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或影片工具實測時間軸;本站以唯一瀏覽器時間戳預覽原創時程,不保證原生軟體輸出或刷新率。 學習成效驗證:沒有眼動、注意分配、閱讀速度、偏好、情緒、物理運動或真人學習測試。播放完不等於看懂,三件同時完成僅題目條件。

參考來源

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

相關知識