構：空間版面規畫
統一視覺空間、確立空間、區別空間
平面空間設計
﹦結構+面積+邊界+區+欄+白+顏色+背景
立體空間設計
﹦媒體主從關係（如主網站與子網站）+時間序列
結構：內容質與量的分類與分配
企畫分工
目錄
導覽
面積：開本
正版：B1﹦正版全開
菊版：A1﹦菊版全開
特別開/黃金比例
螢幕範圍
邊界
天、地、左、右
天高地薄
左右對稱或裝釘考量線條與外框：以「物件整齊」與「區隔需求」取捨
區
空間區域：文、圖、白
固定區域
重疊區域：避免視覺混淆
對稱分區：如臉的吸引力
槓桿分區
欄
文字方向：直、橫、混合
欄寬：生理（實用）、便利（排版）、美觀
基本欄
白
以虛稱實，避免擁擠，提供呼吸空間
小版面：必須留白
大版面：文區擔任「白與虛」，圖與標題為「實」
顏色
視覺潤飾
變化視覺形象、增加感性
顏色設計﹦色系+彩度+亮度
色系的選擇：和諧或對比
和諧
同色系：以深淡區別
近色系：紅橙、黃綠
對比
補色系：黑白、藍黃
非對稱：灰紅、灰藍
彩度
濃度
亮度
背景
即文、圖區域重疊的變化
提升形式、內容一致性，視覺美觀
避免反客為主
版面類型與規畫
|
|
面積 |
邊界 |
區 |
欄 |
白 |
色 |
背景 |
| 報版 |
8開（B4）以上 |
有 |
平均 |
多 |
少 |
少 |
少 |
| 書版 |
菊8開（A4）以下 |
有 |
彈性 |
少 |
多 |
可 |
可 |
| 電子、網路 |
螢幕 |
無 |
彈性 |
少 |
少 |
多 |
多 |
習題
構想與規畫
天：5cm 地：2.5cm
左、右：2.03
結構實作
