共通設計理論 教材 / Class LLL
幾何對齊與視覺校正
對齊的是原點,還是看得到的形?
固定三行文字的共同原點,只移動首行標題。分開記錄數學原點與自己的可見齊邊判斷,再換HHHH或縮小,避免把任選偏移套成所有字體與長文的規則。
撰寫與維護:Class LLL · Lab Light Label|預估閱讀 8 分鐘
閱讀目標
- 指出原點和可見輪廓的差別
- 只改首行偏移並核對位置
- 換字形及尺度後重查修改理由
適用條件與學習範圍
三行都從同一X開始,為什麼可見筆畫仍可能像是縮進去了?
- 能分清文字原點、基線與可見筆畫;不需先會軟體對齊指令。
能把幾何原點一致與個人的可見齊邊判斷分開,完成只移首行的對照,並用換字或縮小的反例說明不能套固定校正值。
限原創拉丁顯示標題比較,不測視覺中線或最佳字距,不推論中文字必須同量外移,不要求逐行手調所有長文。
原理與判斷
字的設計包含可見筆畫與周圍空間;相同文字原點不保證每個字的可見邊緣有一樣形狀。Strizver的署名實務文章以拉丁顯示字討論視覺校正,並提醒小字與大量正文不適合逐行微調。這不是每個觀眾都相同的光學公式。 本站保留一條共同原點虛線,讓首行可以另行偏移。數字只記錄你動了多少,不能代替你描述「在這個字體、尺度與相鄰文字下,我覺得……」。
數學原點有明確責任
按數學原點齊邊,三行從相同X開始。首行字級24,後兩行14;本例沒有宣稱其墨色邊界、側邊空間或視覺重量相同。虛線指文字原點,不是假裝量到每個字真正的墨跡範圍。 共同原點對可重複排版很重要。若任務需要精確座標或元件規則,它能提供穩定約定;但不能據此宣稱可見形狀或讀者感受都已一致。
只移首行,保留其他變因
按首行左移3試樣:TYPE的原點由112到109,其餘兩行仍112,字級、內容、基線不變。這是本站任選的可檢查對照,不是從Manrope字體算出的建議偏移,更不是來源指定值。 可用首行手動視覺校正滑桿改到其他位置;紀錄只顯示實際選值。若你不覺得需要校正,保留0也合理。寫下所見線索,不用「光學對齊」一詞遮掩修改理由。
換字,原偏移可能失去理由
保留-3,換成HHHH。標題筆畫輪廓改變,原本支持外移的理由未必還成立。回0再比一次,記錄兩個起點,不預設哪個一定齊。 正面縮半又改變實際呈現尺寸。若差異已難辨,額外手調可能無助任務;不能把大標題的調整推到所有小字、長段落或中文標點。本文不教中文字懸掛或禁則,相關規則應另查其專門教材。
垂直節奏另有問題
本儀器的三行基線固定相差24。來源提醒拉丁大小寫、上伸部和下伸部會改變可見行間空間,等距基線不代表空白看起來等距;這是實務觀察,不是每種字串的必然效果。 本教具沒有逐行調行距或計算視覺空白。要研究行距需另固定字形內容、改一個距離並觀察。先把基線與可見外形分開,避免把一套校正值同時拿來處理水平和垂直問題。
步驟與觀察
建立共同原點
按數學原點齊邊,核對三行原點112。直接看正面校樣,再描述筆畫是否看起來齊。
只移首行
用左移3試樣,確認其他兩行不動。把數學位置和自己的觀察分成兩句記錄。
保持偏移換字
換HHHH,重新比較0與-3。說出原修改理由還是否成立,不能只沿用數字。
縮半並補讀網格
縮半後比較是否仍值得調整,沿欄格教材查共同參照的責任,返回保留本頁偏移。
常見問題
把-3叫作正確光學對齊
它只是任選試樣。讀數沒有量人眼或算最佳值;換字、字體、尺寸和用途後要重新觀察。
看字框齊就宣稱可見輪廓齊
分開文字原點、字形的周圍空間和可見筆畫;本模型只記原點,不量墨跡外框。
手調每個小字與長文
先辨識是否是值得校正的顯示字情境;來源有小字、正文與螢幕斜體限制,不把示範變成通則。
適用範圍與證據
原教材查核日期:2026-10-23 適用範圍:欄、水平模組、文字基線參照與拉丁顯示標題的手動對齊比較;跨工具的觀察方法。 來源狀態:Vignelli的網格方法沿本專案已核RIT典藏原著印刷頁40–41的補核紀錄;本票重取PDF逾時/EOF,搜尋索引可見原段但不當成全文重讀,未擴增原著主張。IBM官方頁已讀Constructing the 2x 格點及Base unit/Baseline unit,是品牌設計系統方案,非通用科學法則。Strizver署名全文已讀垂直/水平 alignment及限制,主要談拉丁顯示字;沒有取得Lupton或Müller-Brockmann專著全文,不冒稱已讀。沒有引用讀者實驗、必然優勢或最佳校正量。 示意限制:原創虛構TYPE/HALL 02活動校樣,重用既有40件直立檢視架幾何,改裝正面300×240校樣。欄、模組、基線、圖像上緣、文字原點與校正讀數同一狀態;-3為任選試樣,不是從字體或人眼計算。沒有重製來源圖版、字體輪廓或館藏作品。 原生軟體實測:未實測Photoshop/Illustrator/Figma;不模擬其吸附、字框或自動排版。網站實際瀏覽器排樣不等於原生軟體結果。 學習成效驗證:未做真人、眼動、閱讀速度或學習成效試驗;不預測誰會覺得齊,不設客觀美感分數。
參考來源
- Vignelli|The Vignelli Canon(RIT典藏,印刷頁40–41)
- IBM Design Language|2x Grid(品牌實務,Base unit/Baseline unit)
- Ilene Strizver|Visual Alignment(Monotype委託的拉丁顯示字實務)
來源依原教材逐頁維護;本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤,歡迎來信提出具體段落與版本。
相關知識
- 欄格、模組與基線 — 補查共同參照的責任
欄、模組和基線有不同用途;了解幾何約定後,才能說出偏離它的具體理由。
- 構成、比例與空間組織 — 比較局部校正與整張位置
局部字形看起來齊仍不能決定整體構成;回到位置、比例與空間用途再評估。