Illustrator 教材 / Class LLL

扁平插畫：保留辨識線索，再決定色塊

輪廓、遮擋、負形與色彩面積分開比較

用澆水壺與桌燈兩份原創幾何觀察稿，拆出背件、主形、辨識與裝飾；逐層看貢獻，分開改色組和色帶範圍，再用真48／96／192像素核小尺寸，換主體重新判斷。

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

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

閱讀目標

先列必要輪廓與辨識線索，再決定省哪些細節
比較遮擋、真孔洞與一片有色形狀的差別
分開改顏色對應和色塊範圍
對兩個不同主體重做拆解，先看原尺寸再放大
保存可回改來源，依實際用途檢查交付

適用條件與學習範圍

把立體或複雜主體改成平面色塊時，哪些細節可以讓出，哪些輪廓與空隙不能省？

可補讀形狀運算、重新上色與物件層級；全部開放，不需先完成其他頁
先定插畫用途、觀看底與最小使用尺寸；能說出一個要保留的主體特徵即可

能把主體拆成有用途的形塊，指出辨識線索、遮擋與負形，提出兩份色塊分配並在真尺寸比較；換第二主體重新拆解，不把第一份比例當配方。

兩份程式原創幾何觀察稿，不是照片描圖、影像描圖或生成服務，沒有任意向量編輯器、真實材質重建或自動辨識／美感評分。完整路徑管理員、重新上色、圖層及理論沿唯一主責，原生Illustrator、真機與真人辨識未實測。

原理與判斷

扁平是選擇以形狀和色塊表達資訊，不是刪光陰影、細節和立體線索。輪廓、前後遮擋、負形、明暗及色彩面積仍共同影響主體能否說清楚；只有幾個色碼相同，不代表構成或辨識相同。先說圖要做什麼，留下必要線索與可回改來源，再一次改一件事。澆水壺的壺嘴、提把孔與桌燈的支臂、罩口有不同責任；換主體要重問，不把同一組數字、同一層數或更少細節當作普遍正解。

觀察簡報：先定用途，不以少色作成功標準

先記插畫會出現在哪裡、背景是什麼、最小觀看尺寸及是否有文字輔助。列出必須讓人知道的內容，再選一到三個主體線索；細節若承擔用途，就不能只因想「更扁平」而拿掉。正式介面、標示或教材仍需文字與可及性名稱，不能假設所有人都猜得出圖意。本例澆水壺與桌燈是開發方以路徑原創的幾何觀察稿，沒有攝影、品牌或外部素材。它們不是先有照片再演示自動簡化，亦未做真人辨識測試；「壺嘴／提把」「支臂／罩口」是作者要比較的設計意圖，不是系統判出的正確答案。

從輪廓拆形塊：外形、內部與背件各有工作

先用單色看大輪廓，再列被遮住的結構和內部特徵。澆水壺以壺身承接大色塊，壺嘴斜向外伸，提把在背後圍出空隙；桌燈以斜燈罩、轉折支臂及底座建立不同輪廓，不能照壺身的矩形分法處理全部。本站將兩主體各拆四層：結構背件、主形色塊、辨識細節、裝飾細節。這是教學分組，不是所有插畫都該四層；左床四格與「每層原圖」讓你看完整貢獻，右床按相同順序合成。若看不出一層的用途，先單看它與相鄰接點，再決定合併或刪除。

遮擋保來源：看不見，不代表已扣除

讓背件先畫、主形後畫，可用遮擋保留完整來源。本站把背件移到主形前，澆水壺接嘴處或桌燈支臂接罩處會真的覆到主形上；這是前後責任的比較，不是陰影滑桿。把位置恢復可以找回原遮擋，顯示結果變了不表示母路徑已刪。在Illustrator先以選取工具選正確組件，視窗 > 圖層核堆疊和作用對象；需要一起移動可物件 > 群組，群組只是組織，不自動把輪廓聯集或挖洞。重疊露出不需要的接線，先核順序與獨立色，再決定是否需形狀運算。完整選取、隔離和外觀目標回唯一物件層級頁。

何時合形、扣除或保可回改組件

若要同一連續輪廓，選來源後視窗 > 路徑管理員 > 聯集；要前件扣後件則核前後再減去上層，前件會移除。想把交界區各自上色可先考慮分割，再查結果群組；不要因圖看起來扁平，就把所有不同用途的片合成一件。面板運算通常改原物件，不能從外觀關掉這次操作。需保組件可Alt（Windows）／Option（macOS）點四形狀模式建複合形狀；製作複合形狀固定聯集，展開才定型。效果 > 路徑管理員又有適用群組／文字／層的條件。功能完整差異沿AI09，本頁只運用分層顯示與固定裁顯示，不假裝執行任意Adobe布林。運算後失去要改的壺嘴，回保留來源，而非在結果補白。

負形與有色片：提把孔要真的透底

澆水壺提把的內孔讓背景透出，桌燈支臂間的空白也參與輪廓；這些不是再填一片白。把原稿放到深淺底，若空隙總是白塊，先查白物件，不用背景掩蓋。本站PNG空角與提把孔有透明通道，觀看底在檔案之外。在Illustrator需共用外觀與內外輪廓時可物件 > 複合路徑 > 製作，來源外觀及填色規則會影響結果；群組、複合形狀和複合路徑不同。方向／規則或前後扣除的取捨回唯一功能／負形技法，不另創一套孔洞教程。本站提把以固定偶奇路徑留孔，不提供任意洞編輯或原生製作按鈕。

辨識細節與裝飾：逐層關，記錄失去什麼

先只關裝飾，觀察壺身短線或燈罩亮片是否只是增加材質感；再關辨識細節，另記壺口／嘴端與罩口／開關的變化。兩層都少了，不代表兩次刪除代價相同。若關掉裝飾反而失去使用者要知道的資訊，那份裝飾就不該按名稱被刪。本站層開關真的從合成與PNG移除該路徑，原圖層資料仍保留。Illustrator的圖層可在可見性欄點眼睛隱藏，再點空白欄顯示；這是觀察貢獻的可回退方法，不是刪除。小尺寸仍要核必要線索，不能把「所有層都關」當最徹底的簡化；若主形隱藏，色帶沒有作用對象，需先恢復。

調色塊範圍：同色碼，改的是哪一片

固定色組，只調強調色帶範圍，主形外輪廓不動，色塊分界真的上下移。本站數字是主形包圍高度的百分比：壺身與斜燈罩的寬度和遮擋不同，同70%高度不會得到同70%可見面積，也不保相同視覺重量。先比窄帶與寬帶，在原尺寸說明哪片變大、誰讓出空間，是否和必要細節互搶。這是原創裁顯示觀察模型，不是原生重新上色的顯著顏色權重，也不是自動面積最佳化。沒有60／30／10答案，若需精確面積另量真幾何／取樣，不從滑桿意圖冒稱已測比例；通用判斷回唯一色彩面積理論。

改配色對應：色組與幾何範圍分開

本例色組A／B直接沿AI19的固定候選；對調主色與強調只換兩個對應，不改輪廓、細節開關或色帶分界。先固定範圍比A／B，再固定色組改帶寬，才能說明差異來自顏色或面積。兩份色組不是Adobe色庫、生成或通用好看保證。 Illustrator選圖稿，編輯 > 編輯顏色 > 重新上色圖稿 > 進階選項，在指定核目前／新增，勾重新上色圖稿預覽；原色與新色的排法可重配，箭頭可排除不想改的行。若只是存色組，圖稿未必已套用；若必要形塊融在一起，回對應而非先刪路徑。完整指定、編輯、減色、吸管及色組保存沿AI19，不用本站兩個固定候選代功能全文。

小尺寸與觀看底：原圖先看，放大找原因

同一來源真正各生成48、96、192方形PNG，固定觀察稿和當前結果並排。先看48原尺寸能否說出主體的必要輪廓與空隙，再看同一48檔的四倍，找出被取樣混在一起的色界；四倍不是重新輸出192，也不增加資訊。深底會暴露本例暗背件的低對比，淺底也可能讓淺色裝飾退掉。這是顯示用途改變的失敗條件，不能從一次背景順眼擴成所有產品可用；要另調對比、形狀或文字，再到真容器核。本站瀏覽器畫布 2D取樣不等於Adobe 反鋸齒或真機；無WebGL仍可用，2D失效會明示並保向量／正文，不偽裝PNG。

第二主體重拆：換判斷，不照搬第一張設定

先在澆水壺固定色帶40%、全層顯示作比較，再關裝飾並改色帶。換桌燈時，先重新找罩口、支臂空隙與底座，觀察斜罩形使色帶高度和可見範圍如何不同；不要只把上一張的70%當已解決第二張。本站各自保存兩主體的層開關、前後與色帶，色組則共用，便於同一配色比較。這是狀態設計，不能證明同一配方可移植。下次換人物、植物或動物，先列必要特徵與不同尺度，再選幾何、色塊和少量細節；本站不輸入照片、不自動分件，也沒有辨識分數替你判。

保母稿、交結果：來源與可見層的資料不同

在Illustrator另保可編來源與分組，交付副本按收件用途決定。PNG是取樣結果，SVG保路徑卻仍需查尺寸、裁界與依賴；網站下載的SVG只有當前可見層，沒有替你保存隱藏原稿或原生面板狀態。需要後續改壺嘴與罩口，就保來源和條件記錄，不能只交一張縮圖。本例SVG自足96方形，沒有字型、外連影像或腳本；PNG保透明通道，觀看底不烙入。真原生母檔、SVG／PNG完整選項和重輸出責任回功能主責，本頁下載是原創網站檔，不冒稱Illustrator格式往返或印刷保真。

把取捨帶回用途、唯一理論與證據

為兩主體各寫一句：保什麼線索、為何關一層、哪塊色讓出空間，以及48px是否仍需要文字或更大的使用尺寸。補讀色彩面積、構成空間或明暗時，仍是原唯一理論；返回保案例條件，不另背「扁平風格專用定律」。查核2026-10-22，十份既有官方快取實際全文重新閱讀，來源更新日、取得日與內容雜湊值範圍另記；Illustrator桌面Windows／macOS，Alt／Option在對應操作具名，不擴稱網頁／iPad或最低版本。原創程式素材和網站控制證據不能替代原生Illustrator、真機、真人辨識或換素材成效測試。分享只帶知識網址，本機參數與自標理解不對外傳。

步驟與觀察

列用途、尺寸與必要線索
兩主體各列要保的外形、空隙與細節；保可回改來源，先看固定觀察稿，不先設定色數。
拆形塊並核前後
在圖層確認作用對象與堆疊，逐層隱藏看貢獻；需要幾何扣除才沿路徑管理員，群組與遮擋不冒充真扣除。
分開刪裝飾與動色塊
先關裝飾，再查辨識細節；固定色碼改色帶，記誰讓出空間，主形隱藏則先恢復。
配色與真尺寸分開比
固定範圍比色組／對應，再看48／96／192原圖和深淺底；四倍只找原因，不替代真輸出。
換主體重拆並保來源
第二主體重新指出必要線索；記錄兩方案理由，保母稿再交結果，補讀唯一理論返回繼續。

常見問題

細節少了卻更難說出主體

回用途與必要特徵；分開辨識和裝飾層，不把刪除數量當品質。

背件在不該出現處露出

核前後與接點；遮擋、裁顯示和路徑扣除各有資料責任，需回改先保來源。

同70%色帶，看起來占用不同

數字指主形高度；斜輪廓與遮擋改可見範圍，不當成已量測總面積或固定配色比例。

主形關掉後調色帶不動

沒有主形就沒有色帶作用對象；恢復主形後再比較，色帶不是新增主體按鈕。

換深底時壺嘴或支臂退掉

查暗背件與背景的相鄰對比，另做適用配色／形狀或文字，不能以原淺底通過擴稱全部背景。

小PNG看不到裝飾，放大後卻清楚

先以真48px判用途；放大只定位原因，必要資訊可改形狀、間距或最小使用尺寸，未必保全部細節。

適用範圍與證據

原教材查核日期：2026-10-22 適用範圍：Illustrator桌面Windows／macOS，十份已取得官方全文重讀；原創技法只比較兩份固定幾何素材。來源狀態：逐來源原更新日、取得日、body與Markdown artifact 內容雜湊值、12章落點另存；未把全493快取狀態改成已查核。示意限制：向量邊界模型原機構、AI19固定色組、AI53真PNG接縫與兩原創插畫路徑，各層／合成／真48、96、192PNG同源。原生軟體實測：未原生Illustrator、Adobe取樣、真格式往返、印刷或真機實測。學習成效驗證：未真人辨識、換素材或學習成效試用，操作／閱讀／自己標理解分開。

參考來源

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