共通設計理論教材 / Class LLL

相對尺度與比例關係

放大的是哪一部分，相對誰變大？

保持來源與資訊塊，先只改主圖A的相對尺寸，再改取景範圍。分清形本身長寬比、與其他元素的寬比，以及畫框比例；特定比例只作起點，沒有保證好看的數字。

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

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

閱讀目標

說清比例的兩個比較對象
把主圖縮放與畫框改形分開
用查資訊目的檢查造型選擇

適用條件與學習範圍

A放大50%，是否表示它更重要、細節更多，或整張圖的長寬比也改了？

能指出組件尺寸與外框；可先看構成、比例與空間組織。

能以明確參照描述相對尺度與長寬比，做一次只放大A的比較，再依內容用途說明增大／取景的代價。

只比較原創向量校樣；幾何比例不預測主次感、美感、真人閱讀或照片輸出品質。

原理與判斷

說一塊「很大」仍缺參照：它可以相對另一塊很大，放在整張來源裡卻不占太多。Getty的比例語彙關心各部分之間的關係；本台進一步把比較對象明列，避免一個百分比同時冒充形狀、畫框和訊息的重要性。先保持320×180完整取景，只改A的相對尺寸。A的方塊與三角標記一起按同一中心等比變化，資訊B和C不動。你能核對幾何，卻仍需依目的決定是否要這樣強調，不能由數字替觀眾作答。

三種比例要分開報

A起點80×80，本身寬高比1；B和C各96×40。A:B寬比約0.83，與A本身的寬高比不是同一個數。完整來源320×180的長寬比約1.78，又是另一個比較。本台讀數把A尺寸、A:B寬比與取景框長寬比分開。使用自己的素材時也先說「誰相對誰」，不要只說黃金比例或大一點，卻沒有指出量的是哪個外框。

只放大A，其他資訊保持原尺寸

完整取景下將A從100%改150%，A變120×120，方塊與內部標記共同縮放；B/C仍96×40，A中心也不移。這時A:B寬比1.25，A的面積為原來2.25倍，不是1.5倍。這是相對大小的單變因比較，不是生成更多影像細節、改列印ppi或量注意力。真照片放大仍可能受來源像素限制；本台的向量輪廓不代表任何照片都能無損放大。

換外框範圍，不等於把物件拉長

固定A尺寸，調取景寬或高。這只改納入的來源範圍與畫框比例，沒有把A或文字拉伸。兩校樣用同一來源座標尺度，窄框也不被自動放大成與完整框同寬。這讓你分清裁外與再縮放。如果自己的交付要求固定輸出尺寸，裁切後通常還需安排顯示／重取樣；那是另一個動作，要另外檢查細節和字級，不能由本台的框比例直接保證。

常見比例是提案，仍要檢查必要資訊

三分法或黃金比例可作構成起點，但不能替作品目的判分。本台三等分參考線只把當前取景分成三份，不移物件、不吸附、不保證某個交點就是每個人的焦點。若想用特定長寬比，仍需先問素材有沒有因此被切掉。把目的從介紹主圖改成查北入口與14:00。A更大可能沒有幫助這項任務；如果框裁掉資訊，比例再熟悉也不能替代完整內容。選一個方案並說明目的、幾何改動、保留／失去之處，再補讀邊界後返回保留。

步驟與觀察

列三個比較對象
重設後核對A80×80、B96×40、來源320×180，分別說自己的寬高比和相互寬比。
只放大A
保持完整框與中心，改150%，核對120×120、B/C不變；不要把面積增加誤叫50%。
固定A再改框
只改取景寬或高，指出邊界與畫框比例，確認物件沒有拉伸。
換成查資訊
開查入口與時間目的，核對真文字與完整內容，不由三等分線替你判好壞；補讀後返回保留尺度。

常見問題

所有比例都只報同一個數

先指明A自身、A:B或取景框，分開寬比、長寬比與面積。

寬高各1.5倍就說面積1.5倍

面積兩方向一起乘，有限矩形為2.25倍；這仍不是主觀重要性。

套黃金比例就不用檢查內容

比例只作提案，先核對入口與時間等必要資訊是否完整，再依目的比較。

適用範圍與證據

原教材查核日期：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，未裁真照片或列印；這不是裁切工具、影像重取樣或原生文字排版模擬。向量幾何不增加真影像細節。學習成效驗證：沒有真人美感、視線、張力、理解率或成效資料；三等分與黃金比例不被當普遍品質門檻。

參考來源

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