數位出版設計:結構篇

構：空間版面規畫

統一視覺空間、確立空間、區別空間

平面空間設計

﹦結構+面積+邊界+區+欄+白+顏色+背景

立體空間設計

﹦媒體主從關係（如主網站與子網站）+時間序列

結構：內容質與量的分類與分配

企畫分工

目錄

導覽

面積：開本

正版：B1﹦正版全開

菊版：A1﹦菊版全開

特別開/黃金比例

螢幕範圍

邊界

天、地、左、右

天高地薄

左右對稱或裝釘考量線條與外框：以「物件整齊」與「區隔需求」取捨

區

空間區域：文、圖、白

固定區域

重疊區域：避免視覺混淆

對稱分區：如臉的吸引力

槓桿分區

欄

文字方向：直、橫、混合

欄寬：生理（實用）、便利（排版）、美觀

基本欄

白

以虛稱實，避免擁擠，提供呼吸空間

小版面：必須留白

大版面：文區擔任「白與虛」，圖與標題為「實」

顏色

視覺潤飾

變化視覺形象、增加感性

顏色設計﹦色系+彩度+亮度

色系的選擇：和諧或對比

和諧

同色系：以深淡區別

近色系：紅橙、黃綠

對比

補色系：黑白、藍黃

非對稱：灰紅、灰藍

彩度

濃度

亮度

背景

即文、圖區域重疊的變化

提升形式、內容一致性，視覺美觀

避免反客為主

版面類型與規畫

習題

構想與規畫

天：5cm 地：2.5cm

左、右：2.03

結構實作