共通設計理論教材 / Class LLL

線條、紋理與節奏

先辨認形體，再安排表面

同一個外形可以被線條說明，也可以被紋理遮住。比較方向、線距與重複中的變化，再以真正較少的像素檢查目標尺寸；先判斷形體線索和裝飾的取捨，才選用紙幣風格或網點方法。

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

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

閱讀目標

比較方向變化如何提示形體或形成裝飾
分清密度、紋理尺度與最終像素尺寸
以重複中的變化安排節奏、統一與局部強調，並檢查可讀性

適用條件與學習範圍

這些線是在說明物體怎麼轉折，還是只讓表面更熱鬧？縮成實際使用大小後，哪些線仍需要被分開辨認？

不必先會Photoshop；先選一個觀看目的，例如辨認形體，或讓標題附近保留安靜空間。可先補讀明暗與局部對比。

能分開指出輪廓、形體提示與裝飾紋理，做兩種線向／疏密方案；在目標尺寸比較後，說明一項保留、刪減或改尺度的理由。

跨軟體的視覺觀察，不是雕版、銀行印鈔、防偽或網版製程；不重製Photoshop濾鏡、不保證相同線向引發相同情緒，也不以線數計算美感。具體風格案例另引用本頁唯一概念。

原理與判斷

線可以界定邊緣、組織觀看方向，也能在平面上暗示表面的觸感。輪廓回答物件在哪裡結束，內部線的彎曲、疏密或明暗可能提供體積提示；重複線紋則可能主要讓表面看起來細密或粗糙。這些角色可以同時存在，不能看見很多細線就判定形體已被說清楚。 Getty藝術教育教材以線、紋理、重複與強調等語彙分析作品。本頁把它們轉成可隔離變因的原創比較，不把館藏案例中的情緒解讀當成普遍心理定律。先說想讓觀者辨認什麼，再問哪些線支持目的、哪些線造成競爭。

方向：跟隨轉折，或保持自己的走向

先追一條線的路徑，而非只叫它橫線或斜線。它是否沿物體表面彎轉、在接近輪廓時改變方向？這種變化可以提供曲面提示；保持平行的線則可能更像覆在物體上的裝飾，仍可服務特定風格。線向也會和輪廓、文字閱讀方向及其他物件互相作用。兩試片共用相同橢圓輪廓。A在線紋座標上加入彎曲，B保持直線；方向控制同時轉動兩者的基礎走向。它們不是兩個真實三維物體的投影，沒有模擬照明或深度。適合比較線索，不可由A推論任何素材都必須用彎線。只看共同輪廓，再顯示線紋，分辨哪些形體判斷原本已由外邊界提供。

密度：線多、線粗與整體變暗要分開

在固定面積內，線距變小通常容納更多線，空隙也更少；增加線重也會增加深色覆蓋，卻沒有增加線的條數。密度可以分區暗示轉折或材質，但全圖一樣密，可能只是一起變暗，未必增加層級。比較時固定線重，只改線距，再另看局部加重。本站來源線距是192×128圖像中線紋座標的基準，彎線的局部垂直距離會隨位置改變；讀數列出的來源線段是有落入試片的線，不是縮小後仍可被人眼分辨的條數。成對模式以0.55與1.45倍基準距交替，平均週期不變；不要把平均相同誤認為局部密度處處相同。

尺度：單元大小與最後顯示大小一起決定結果

粗大的單元可能成為可辨認的形狀，細小單元可能合成整片色調或表面感。尺度是相對於物件、版面與觀看距離的關係；同一線距在大海報與小縮圖不是同一觀看條件。先選用途，再決定哪些線必須被分開看、哪些只需形成明暗。設計原圖為192×128；中圖96×64以每2×2來源像素平均，小圖48×32以4×4平均，實際產生新的較少像素。機構把結果放在相同大小板面便於檢查；下方窗口才按一圖像像素對一CSS像素顯示。平均的是編碼灰階，不是線性光或Adobe Bicubic。它展示細節可能混合的條件，並非印刷打樣；ppi不會憑空增加網頁圖像的像素，文件尺寸與取樣沿相關知識補讀。

重複：先建立可辨認的共同規則

重複可以是相同線重、走向、間距或形狀的再出現，不必每個元素完全複製。等距模式建立可預期的間隔，讓A和B各自成為同一套線紋。適合需要連貫底紋或讓一組物件看起來相關的場合；若每一小段都換線重和方向，共同規則可能難以辨認。先指出你重複的是什麼，再改一項。若目的是辨認物體，不要為了填滿空白而新增無關細節；也不以重複越整齊越好作結論。規律可以提供背景，局部變化則需要有服務內容的理由。

節奏：在重複中安排停頓與變化

節奏關心元素如何接續：等距可形成均勻節拍，成對的近／遠間距則產生分組和停頓。本站的成對模式只改間距規則，讓你與等距重複比較；它不是在量測音樂節拍、眼動速度或愉悅程度。方向、大小與密度也能形成其他節奏。觀察視線是否容易沿一組走下去，或被局部切開；換一個觀看目的，答案可以不同。縮到小圖後近距離的兩線可能混成一帶，原先的成對節奏就改變了。適用於圖紋、排版或圖像表面；文字的閱讀順序仍須另外檢查，不能只以紋理節拍取代內容層級。

統一與強調：保留共同語言，讓差異有位置

統一可來自共用線重、尺度、方向或間距；強調則可讓一處相對不同。局部加重只把靠中心的一條線加粗，其餘條件不變。先比較它讓哪一處突出，再問是否像把形體切成兩段，或讓裝飾搶過主題；差異更大不等於更符合目的。若每條線都同樣加重，就改成整體深淺而非局部強調。若到處加入例外，共同規則也可能消失。保留一套基準，再為需要被辨認的位置做有理由的變化，並回到預期輸出大小檢查。明暗焦點頁可接續比較局部與整體差異；沒有保證所有觀者都注意同一處。

步驟與觀察

先固定用途，分辨輪廓和表面
假設要做小型器物卡，物體形狀必須易於辨認。先按「只看共同輪廓」，描述兩張有何相同；再顯示線紋，指出A的彎轉和B的平行各增加什麼。可口述或自行記錄，不需答對網站問題。
一次比較方向，再比較疏密
固定6px基準距，改0°、60°與150°，觀察A／B的內部線索和輪廓關係。選一個方向後才改3–12px線距；指出變多的是線、變少的是空隙，或只是整片更暗。不要同時改所有控制再猜原因。
比較重複和節奏，再安排一處例外
在同一線距切等距與成對，找出近／遠間隔的分組。勾局部加重，指出重點是更清楚還是打斷形體；不合用途就取消。先保留共同規則，再說明例外的位置和理由。
切目標尺寸，真的看較少的像素
依序看192×128、96×64與48×32。機構中的放大試片方便查細線如何合併；下方原尺寸窗口用來判斷預期大小的整體結果。說出哪個細節可省略、哪個輪廓或間隔必須保留，再調整來源線距或減少競爭。
帶回自己的材料並沿關係補讀
用紙筆或任一繪圖軟體做兩版同一輪廓，改一種線向或節奏，並在目標尺寸比較。紙幣風格與網點案例應先回答同一問題，再選具體做法；本頁不提供假印鈔或固定濾鏡配方。補讀明暗焦點或文件尺寸後返回，會保留本頁比較狀態。

常見問題

細節很多，物體卻像一塊平面貼紙

先只看輪廓，再問內部線向、密度或明暗是否提供轉折線索。若目的是裝飾，平面感可以是選擇；若要辨認體積，應減少競爭或調整線索，而非繼續堆線。

大圖線條很清楚，小圖只剩髒灰或條帶

以目標像素數重新看結果，區分細線混合與形體仍可辨認的部分。放大設計圖不能替代目標尺寸；改單元尺度、留較大間隔或簡化紋理，再用實際輸出條件檢查。

規律重複很統一，卻不知道先看哪裡

先選觀看目的，保留共同線語言，再只在有意義的位置改尺度、方向或線重；比較另一版。強調不能讓必要文字或輪廓失去可讀性。

局部加重像切開物體，或例外太多失去秩序

取消例外回到共同基準，再檢查加重位置是否跨過重要轉折。一次只保留一種差異；需要的是層級，不是每一處都突出。

以為改ppi或照抄某角度就能保證輸出

先分清像素數、紋理單元與觀看尺寸。螢幕、列印和不同重取樣方法有不同條件；沒有單一線向或線距能保證情緒、美感或實際印刷品質。

適用範圍與證據

原教材查核日期：2026-10-19 適用範圍：跨軟體視覺觀察與原創平面線紋比較；適用紙筆、影像與版面草稿。沒有特定Windows／macOS操作步驟。來源狀態：已實讀Getty藝術元素、設計原則及2011一頁講義；以其視覺語彙組織活動。Adobe只支持重取樣會改像素數及各方法條件；本頁彎線、間距比與平均模型是本站設計，非來源處方。示意限制：本站原創同輪廓曲面／平行線試片及有支承檢視架；192×128以編碼灰階方框平均成96×64或48×32。沒有使用館藏圖、鈔票或印刷素材，不模擬真實雕刻、紙材或Adobe算法。原生軟體實測：未宣稱Photoshop像素實測、印刷打樣或跨裝置觀看完全一致。原尺寸窗口指CSS像素；不等於固定實體尺寸。學習成效驗證：尚無真人觀察試用或學習成效證據；觀察活動、自選方案與自行標記理解均不作測驗判分。

參考來源

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