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




