共通設計理論教材 / Class LLL

鄰近與相似的分組

距離與外觀正在說同一件事嗎？

固定六張票卡的內容，先只改同列間隔，再以票種重複外觀。用彼此一致或衝突的線索討論資訊關係，不把「看起來同組」當成資料一定同類。

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

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

閱讀目標

把空間接近和外觀相似分開描述
指出兩種線索一致或衝突時的資訊關係
換文字或查找任務後檢查外觀分組的限制

適用條件與學習範圍

靠近的兩張卡與同色的一欄，正在提示同一種資訊關係嗎？

能指出兩個元素之間的距離或外觀差異；不需先會設計軟體。

能分開指出鄰近與外觀相似線索，完成一組只改間距的比較，再依站點或票種任務說明取捨與反例。

不計算人的分群結果、眼動或理解正確率，不宣稱鄰近永遠勝過相似。平面示意不重現立體知覺或完整格式塔理論。

原理與判斷

畫面上的六個元素，不一定被當成六個互不相干的單位。分組研究以鄰近、相似等關係討論「哪些像是一起的」，Palmer的回顧也提醒：不能把知覺分組只當成一套對二維像素的固定規則。這些研究提供可討論的線索，不保證任一版面讓所有人得到相同結論。本站用一張原創票卡校樣把問題收窄。同列是同站的月票與日票；同欄是不同站的同一票種。先問讀者要按站點還是票種查找，再分開改距離與重複外觀。視覺上成組的感受需要由你描述，讀數只記錄本頁改了什麼。

鄰近：先比較間距，不先貼群組標籤

在相同外觀、無外框、無連線時，把同列間隔由基準24降到4，其餘票卡尺寸與相鄰列間隔36保持。描述自己如何看待六張卡：比較容易一列一列，還是一欄一欄讀？可以不同意預期，不需選本站判定的答案。讀數是票卡邊緣的校樣間隔，並非知覺距離，也不是所有形狀可直接套用的門檻。把間隔調到48時，同列邊緣間隔大於列間隔；文字、卡片長寬、裝置和觀看目的仍可能影響判斷。

相似：重複外觀也在宣告一種關係

固定間隔，再選依票種重複外觀。本站只替換卡片填色：左欄月票共用一種外觀，右欄日票共用另一種；位置、尺寸與文字不改。這是一次可指出的修改，不是「配色完成所以資訊一定清楚」。若任務是查看北站所有票種，同列關係有用途；若要比較三站月票，同欄關係有用途。兩者都可以合理，應讓線索支持目前任務，而不是把所有相同填色的東西一律稱為同一用途。色彩示意不保證每位讀者都能辨認，關鍵關係仍需文字等線索。

衝突與反例：看起來同組，不保證內容同類

保留小間隔，重複票種外觀，再加包圍票種；同列位置與同欄外觀／外框同時存在。先描述你會怎樣讀，再說是否符合找站點或找票種的任務。不要把線索數量加總成分組強度分數。換成不同任務文字後，原外觀與幾何全部保留，但預約時間、取消通知等內容不再是同站票種。這個反例用來指出語義責任：光是靠近、同色或有外框，不會替你建立正確分類。資訊架構與實際可操作群組仍要另確認。

步驟與觀察

建立只改距離的對照
按重設，保持相同外觀、無框、無線。交替基準24與靠近同列4，只描述距離改變後自己的閱讀分組。
固定距離，再加入相似線索
選依票種重複外觀。指出哪欄相似，並說明這與同站位置是同一關係還是不同關係。先別同時改間隔。
讓兩種線索競爭
保留同列4，再包圍票種。按「先找某站的兩種票」與「比較三站月票」兩種目的口述查找路線；不把自己的結果外推所有人。
換內容找限制
換不同任務文字，核對空間沒有變。指出哪個原分組理由不再適用，提出要改哪一種視覺線索或分類，再補讀連結與包圍。

常見問題

把所有相同顏色的卡視為同一工作流程

先確認顏色是票種、狀態還是裝飾；補讀文字與實際流程。外觀相似不是流程連通或資料同類的證據。

靠近就認為已解決資訊分組

換查找任務或文字再看。若內部內容無共同用途，先修分類，不用縮間距代替資訊判斷。

用36或24當所有版面的最佳間距

這是本校樣條件，不是通用規範。回到自己的尺寸、字體、裝置和任務再比較。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：平面資訊的鄰近、外觀相似、共同區域與連接線索；觀察活動可跨工具使用。來源狀態：S09已讀作者實驗室2002回顧全文中印頁102–105，特別是102的common region／element connectedness及分組層次，103–105的深度、恆常性與理論限制。引用的每篇原始實驗未另逐篇查核。S10只讀1994出版頁公開摘要，未取得訂閱全文；均勻連接性是其理論，不等於任意線圖的語義分組。S08沿已讀詞彙正文。沒有引用樣本量、效果百分比或跨文化必然順序。示意限制：原創虛構六張站點／票種卡及直立檢視架。間隔、重複填色、外框與同列連線可獨立改動；換文字保留視覺設定作反例。單位是校樣座標與邊緣間隔，不是螢幕實測或知覺分群運算。沒有重製原研究圖或雙眼刺激。原生軟體實測：未操作或實測Photoshop、Illustrator、Figma；不是軟體分組、容器或圖層群組功能的模擬。學習成效驗證：未收集真人分組報告、眼動或學習成效。讀者自行描述與插旗不構成研究數據或正確答案。

參考來源

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