共通設計理論教材 / Class LLL

畫面邊界、裁切與張力

邊界改了，哪份內容被留在外面？

同一份主圖與入口時間，固定物件後改取景寬高或中心。看見真實裁外、保留完整內容對照；外框可見百分比不能冒充訊息保留率，也不能替張力感評分。

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

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

閱讀目標

固定內容只移取景範圍
區分裁外與再放大
用完整原文檢查資訊代價

適用條件與學習範圍

主圖看起來完整，是否代表取景仍保留理解場景所需的資訊？

能分清物件縮放與取景範圍；可先看相對尺度與比例關係。

能指出邊界切掉哪個範圍，分開部分外框與實際文字完整性，依介紹主圖或查資訊目的比較裁切提案。

虛構活動向量校樣不代表真新聞、照片或特定觀眾；幾何交集不計語義／美感／心理張力。

原理與判斷

邊界決定這一版畫面納入什麼、留掉什麼。Getty的Newsworthy Images教育活動讓同一主題用不同取景討論訊息；本頁沿這個提問方式做原創有限校樣，沒有取用或重新裁切其新聞照片。裁切可能讓主圖更集中，也可能刪掉地點、時間或脈絡。這些選擇需要目的，不是邊緣越緊越有張力。本台保留完整內容與A基準，讓你能實際指出失去的範圍，並把自己的感受另記。

同內容換框，先別動物件

B起點取景240×180，中心X160，因此左40、右280。主圖A及B/C資訊都保留原來源位置，框右邊可能切到資訊；A基準仍是完整320×180。先固定主圖尺度，只調寬或高。寬改變左右範圍，高則以Y90為中心改上下範圍；這些是實際viewBox裁外，不是拿不透明蓋板偽裝保留像素。原來源始終可在下方完整對照。

再只移中心，觀察範圍如何改

寬160時，把中心X從160移到240，框從80–240移到160–320。A原外框48–128完全在新框外，B/C則可完整納入。這時不是A消失或被刪掉，只是這一版沒有納入。中心範圍限制在來源內。若先移到一側再加寬，中心可能為了留在原圖而被夾限；讀數顯示實際中心。要隔離改寬的單一比較，先回中心160，避免把隨之夾限的移位漏掉。

幾何可見不等於訊息完整

讀數計各矩形外框與取景框的交集面積；沒有計字的筆畫、語義或觀眾理解。B/C即使仍留部分外框，北入口或14:00也可能被切斷；一個百分比不能替代真文字檢查。下方完整內容用文字明列地點與時間，並保留完整來源向量。這讓示意裁切不阻擋閱讀；如果真交付需要讀者從圖片查資訊，就應把文字完整保留或另外提供可用替代，不能用「還看得到一半」結案。

張力是待描述的關係，不是壓邊分數

物件接近邊界、被切掉一角或旁邊留空，都是可指出的條件。你可以描述集中、逼近或向外延伸的感受，也可以覺得沒有幫助；本站不把邊距代入心理張力公式。換成查入口與時間的目的，再比較寬／窄框，或打開三等分線。線只作參考，不自動修作品。若換成真照片或另一語言的內容，需要重查主體、背景與必要脈絡，不能把本台幾何套成普遍裁切配方。

步驟與觀察

核對來源與框
指出A完整來源和B起點240×180，說清左右邊界40–280與內容位置。
固定內容只改邊界
保持A尺度，先只縮寬，再只移X中心；核對哪塊完全在框外、哪塊仍在。
用文字查代價
以北入口和14:00為任務，讀實際文字及下方完整對照，不把矩形交集當訊息百分比。
說明可接受的取捨
依介紹主圖或查資訊目的選方案，指出仍待真素材檢查的條件；補讀尺度後返回保留取景。

常見問題

裁切就代表圖像被拉大

本台固定來源尺度只裁外；若另要放大輸出，須另檢查細節與文字。

外框可見75%就說資訊保留75%

只計矩形交集；直接核對北入口和14:00是否讀得全。

邊界越貼近就一定更有張力

先描述相對位置與自己的感受，再用任務檢查，不把邊距當心理分數。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：平面主圖相對尺寸、長寬比、取景邊界與資訊取捨；不是照片內容理解或美感評分。來源狀態：S11補讀Getty2011一頁講義Proportion，作關係描述語彙，不採其美感措辭為量化保證。另實讀Getty Newsworthy Images的Learning Objectives與Take Four Photographs／Caption段落，支持以相同主題、不同納入範圍討論訊息；未重製其照片或聲稱實測新聞讀者。本文的有限幾何、單變因與三等分輔助為本站編輯方法；沒有引用普遍最佳比例、眼動或效果數字。示意限制：原創320×180向量來源：主圖A方塊與三角標記、兩份虛構資訊B北入口／C14:00。A整組等比縮放；B/C固定。獨立改取景寬高及水平中心，用真正巢狀SVG viewBox裁外，固定來源對校樣尺度、不把窄框再放大。外框交集比例不代表文字或訊息完整。原生軟體實測：未操作Photoshop／Illustrator／Figma，未裁真照片或列印；這不是裁切工具、影像重取樣或原生文字排版模擬。向量幾何不增加真影像細節。學習成效驗證：沒有真人美感、視線、張力、理解率或成效資料；三等分與黃金比例不被當普遍品質門檻。

參考來源

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