Illustrator 教材 / Class LLL

圖示系統：共用規則與小尺寸各自檢查

幾何一致、觀看一致與交付像素分開

從觀察鏡、防護盾到訊息信封，用共同筆畫、局部辨識細節與人工校正建立原創家族；實際生成16、24、48像素PNG，分清原尺寸、同檔放大和向量母稿。

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

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

閱讀目標

分清共同線寬與局部輪廓修改
比較幾何基準和人工觀看調整
新增第三題材重判必要辨識線索
以真像素、透明通道與範圍檢查SVG／PNG交付

適用條件與學習範圍

三個題材共用同一線寬，為什麼仍不一定看起來同重；縮到16像素時又該保什麼？

可補讀負空間識別、筆畫中心線與SVG／PNG輸出；全部可自由進入
先說出圖示用途、觀看底與最小顯示尺寸

能記錄共用規則與例外，三個題材各指出必要辨識線索，在真16／24／48像素及使用背景重判；保母稿，依接收目的交向量或點陣。

有限三原創圖示與人工候選，不是完整圖示編輯器、Adobe演算、語意辨識測試或自動光學校正。沒有通用最佳線寬、圓角或可辨識保證，任意字型／外圖／效果與格式完整控制沿功能主責。

原理與判斷

圖示家族需要可解釋的共同規則，也需要能交代理由的例外。相同外框尺寸、線寬或幾何中心只證明某些數值相同；圓環、盾尖、水平框和斜線的留白、墨量與方向不同，不能因此保證看起來同重。先定使用情境，留下可回改母稿，逐項改共用規則，再針對必要特徵調局部。以實際小尺寸看結果，放大只找原因。當第三題材加入，重新判斷它靠哪些形狀被辨認，避免為了整齊把三件磨成相同符號。

案例簡報：三個題材各靠什麼被辨認

這是一組供深色介面觀看的原創淺色線圖示：觀察鏡保環孔與斜柄、防護盾保盾尖與勾線、訊息信封保外框與折口。這些命名是示例的設計意圖，未做真人辨識測試；真產品仍需文字標籤、語境及可及性名稱，不能只靠圖形猜意思。先記最小顯示16px、中型24px及48px用途與觀看底，再選同組規則。若用於淺底，本例淺色線會低對比；切觀看底是暴露條件，沒有自動改輸出色。應另做適用色彩／對比版本並實際驗證，不能把深底通過擴成所有背景。

母稿與校樣台：同規則不等於同一圖形

在Illustrator保每件可改路徑及命名、工作區域／資產範圍，另留交付副本。先用單色比較輪廓、負形和細節，不急著加裝飾。幾何基準由格點、共同線寬與接角構成；它是便於討論的起點，不是自動審美標準。本站沿AI53的環與盾輪廓，適配成觀察鏡和防護盾，第三件以原創矩形與折線成信封；AI13生成真筆畫填色幾何，AI42的三床機構承載三題材。原資料是中心線及局部條件，SVG／PNG共用同一結果，不是把一張圖換標籤。

格點、角度與圓角：規則先說作用對象

檢視 > 顯示格點只顯示；選取工具選物件後檢視 > 靠齊格點才在移動時吸附。Windows 編輯 > 偏好設定 > 參考線與格點、macOS Illustrator > 設定 > 參考線與格點可設間距／細分、顏色及線點樣式。要保小數自由位置就關吸附，不因看見格線就認為物件已對齊。本例以64方形和8單位格觀察，格線是觀看疊層，不寫進PNG，也沒有模擬原生吸附。鏡柄固定45°，細節改它的長度；勾線下折和信封折口深度會真改斜線角度。共同圓角連接改的是線段接合外觀，並非任意即時轉角半徑或把所有斜線強制45°。需要精確錨點／圓角編輯回功能頁，不用同一滑桿假扮全部工具。

共同線寬、端帽與接角：先看外緣

選取工具選同家族路徑，視窗 > 筆畫 > 顯示選項核粗細、端點及連接；填色是內部色，筆畫是沿路徑外觀，兩者不能互稱。圓角端點延伸半圓端，平頭在端點收斷，突出以方端外伸半線寬；網站只比較前兩者，不發明未實作控制。共同線寬會同時改三題材的真外緣，端帽只作用開口細節；圓角／斜角／斜角在接角形成不同填色。原生斜角限制可設1–500，本站固定4，只是有限校樣策略。尖角太長先查連接／限制和夾角，不任意拉短主輪廓掩蓋。閉合環／盾／信封框與開口柄／勾／折線分開，端帽不能修封閉洞。完整筆畫對齊、寬度及外框責任沿唯一AI13。

局部細節：第三題材要重新找必要線索

先在觀察鏡保持共同線寬4，改斜柄延長，看環孔是否仍開且柄不過重；換盾先保共同值，再改勾線下折，比勾和盾緣的距離。最後換信封，不照抄鏡柄或勾線參數的判斷：折口太淺可能失去特徵，太深會逼近框底，16px時又可能黏成一塊。本站各題材各存一個局部細節，改信封不會回寫盾和鏡。這不是刪所有細節越好；必要資訊若消失，回母稿調間距／線寬或設專用小尺寸版本。下次換第四題材也須重新列必要特徵，本站不對任意圖示自動套版或做語意評分。

幾何一致與觀看一致：人工校正保可回退

先在幾何基準看三者輪廓，記留白、方向、墨量與視覺重心，再到局部校正，勾套用人工光學校正。只對當前題材調中心線尺度、水平或垂直位置，與未校正基準來回比；沒有一組固定百分比保證平衡，也不以面積數字替代真人觀看。本站尺度只改中心線座標，隨後用共同粗細生成外緣，所以調尺寸不偷偷改共同線寬。這是本案例的規則；Illustrator真變形是否縮放筆畫與效果要核安裝版控制，不把本站政策當原生預設。校正關閉保局部數字但不套用；只重設當前局部保其他題材和共用規則，整體重設另回初始。外緣超64裁界會明示並真裁PNG，回縮尺度／位移再核。

負形、筆畫外框與回改：別用白片補洞

環孔與線間留白是透明區，不是白色物件。換深淺底和查PNG 透明通道分開；填白可能在白底像洞、到深底露塊。若要複合路徑，物件 > 複合路徑 > 製作按共同外觀與填色規則計算內外，並非群組自動挖洞；方向／規則及負形路線沿唯一AI53／AI10，不另造同義教程。需編可見外緣才在副本物件 > 路徑 > 外框筆畫。原生結果與原填色可能分組，先查圖層，不能以一條製作複合路徑當所有檔必做步驟。外框後是輪廓資料，不能期待粗細仍像原筆畫回改；本站直接沿AI13有限多邊形生成外緣，保重疊部件、未模擬Adobe節點化簡，也不提供假原生外框按鈕。保中心線母稿再交定型結果。

16、24、48：原尺寸先判，放大只找原因

每個題材用相同來源各自生成16、24、48px。先在原尺寸辨環孔、勾、折口及線重，再看同檔四倍定位取樣灰邊；放大PNG不會取回已捨去的細節，CSS縮圖也不能代替真輸出。線寬4／64換到16px約1px，轉角／斜邊仍會跨像素，不因數字整齊就保證銳。本站九份真畫布 PNG保自然寬高與透明通道，觀看底／格線在檔外，無WebGL仍能操作。這是瀏覽器取樣，不是Adobe 圖稿最佳化／文字最佳化、設備字形微調或真機外觀。16px不合用先回局部間距／共用線寬比較，必要時存專用小版；未實作完整多版本編輯器，不以一份SVG到處放大當全尺寸已驗。2D輸出失敗保向量及正文，恢復後可重試，沒有把向量貼標為PNG。

像素對齊有對象：斜線與曲線不靠按鈕變銳

在Illustrator可用選取工具選物件，或直接選取工具只選水平／垂直段，物件 > 製作像素完美圖稿；已對齊或不能對齊會提示，沒有水平／垂直段的物件不改。檢視 > 靠齊像素可在畫、移、縮放時作用，需小數自由放置則關閉。檢視 > 像素預視是觀看，600%以上的像素格還受偏好影響；看不到格不能反推未對齊。本例信封有水平／垂直框，鏡環是多邊形近似曲線、柄與勾多為斜邊，不能把製作像素完美圖稿當任意銳化或補缺特徵。網站不模擬自動像素對齊，保實際取樣供觀察；筆畫置中、奇偶像素寬及目標倍率會改兩緣落點，需在交付尺寸核，不能一律規定所有中心線整數或半像素。現行條件沿已查核AI42正文，不挪用舊變形屬性當2026同入口。

SVG／PNG與批次交付：範圍、引用和重輸出

檔案 > 轉存 > 轉存為螢幕適用選工作區域或資產，再核真選取項、格式、位置、命名前後綴及輸出設定；選多板後右鍵／macOS 按住控制面板鍵並按一下轉存也可進入，只輸所選板並分檔。視窗 > 資產轉存收原稿引用，拖入或收集以供轉存可收多資產，Alt／Option拖或作為單一資產收一資產；更新母稿會更新面板，已輸出的檔仍需重新輸出。漏檔先查選取邊框、範圍及目的地，不只看縮圖。 PNG可加多縮放及suffix，SVG／PDF不支援該種縮放選項。PNG透明、白／黑底與反鋸齒各有責任；更高像素不補設計缺口。SVG的viewBox是座標範圍，不是PNG像素數；轉存為的樣式設定、字型、影像、小數、縮減程式碼、回應式影響資料與依賴，內嵌點陣仍非向量、外連需帶資源、輪廓不能修缺字。完整選項沿唯一AI42。本頁真下載只提供當前自足SVG和九份原創PNG，明標網站檔，沒有字型、外連影像或腳本；核檔名、自然尺寸、透明通道及接收容器後再交付，未宣稱Illustrator往返保真。

回到用途、唯一理論與本票證據

先對三題材寫下共用規則與例外理由，再補讀構成的比例／留白、線條的方向／密度，返回案例保條件；通用理論只有原節點，不能把本案例另作光學定律。收件用途變了，就重看必要辨識線索、顯示底和最小尺寸，保母稿再輸出，不以自己標理解代替真人可用性測試。官方快取實讀於2026-10-21，交付複核2026-10-22；G218／247／223／166／202／411／481七篇全文，加既有AI42具名PNG／SVG、資產轉存、像素 Perfect實際章節，逐來源更新日、取得日、內容雜湊值範圍及本頁落點另存。Illustrator桌面Windows／macOS，未擴稱iPad／網頁版或最低版本。分享只知識網址、不帶私人校樣值；本機保參數，返回／重載重算PNG，單重設保理解，全清另清。未原生Illustrator、真機或真人辨識／學習成效實測。

步驟與觀察

定用途與三件必要線索
先記觀看底及最小尺寸，指出環孔／柄、盾尖／勾、框／折口；保可編中心線母稿。
建立共用規則後逐件改
同一條件比較三件，調共同粗細／端點／連接；換第三題材先判必要細節，不照抄前件參數。
對局部作可回退候選
人工改所選中心線尺度及位置，和幾何基準來回比；記為何例外，勿把數值當感知分數。
在真尺寸及背景檢查
先看16／24／48原圖，再放大同檔找灰邊；核透明通道、裁界與必要特徵，失敗回母稿。
按接收目的另交結果
核所選板／資產、檔名、格式及輸出尺寸，SVG依賴與PNG像素分開；更新母稿後重輸出並重開檢查。

常見問題

同線寬仍覺得一件較重

先核方向、墨量和留白，再作局部候選並比原尺寸；不要把幾何相同當觀看保證。

第三件的辨識特徵在16px黏住

分開改局部間距與共同線寬，必要時專用小版；不能盲刪全部細節或只放大PNG。

校正後圖示邊緣被切

查實際外緣相對64裁界，減中心線尺度或位移；母稿保留，裁顯示不等於資料已刪。

資產面板更新但交付仍是舊檔

重新輸出核選取項、命名與目的地，再重開結果；面板引用更新不自動重寫磁碟檔。

圖示換淺底消失或洞變白塊

核本例淺線的觀看條件及透明通道／白物件；需適用色彩版本，不用背景掩蓋。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Illustrator桌面Windows／macOS，七篇功能全文與三份具名補查實際章節；非所有版本／設備。來源狀態：沿既有快取實讀，不重爬；來源日期、原body／wrapper與網頁版閱讀摘取內容雜湊值範圍和本頁11章映射另存。示意限制：原創三圖示、共用AI13幾何／AI53素材及PNG／AI42三床，真16／24／48PNG與自足SVG；有限模型及人工校正。原生軟體實測：未原生Illustrator、格式往返、Adobe抗鋸齒、真機或印刷實測。學習成效驗證：未真人辨識、換素材或學習成效試用，網站操作不推定理解。

參考來源

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