Digital Publishing Design: Structure

構:空間版面規畫

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

平面空間設計

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

立體空間設計

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

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

企畫分工

目錄

導覽


面積:開本

正版:B1﹦正版全開

菊版:A1﹦菊版全開

特別開/黃金比例

螢幕範圍

邊界

天、地、左、右

天高地薄

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


空間區域:文、圖、白

固定區域

重疊區域:避免視覺混淆

對稱分區:如臉的吸引力

槓桿分區

文字方向:直、橫、混合

欄寬:生理(實用)、便利(排版)、美觀

基本欄


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

小版面:必須留白

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

顏色

視覺潤飾

變化視覺形象、增加感性

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


色系的選擇:和諧或對比

和諧

同色系:以深淡區別

近色系:紅橙、黃綠

對比

補色系:黑白、藍黃

非對稱:灰紅、灰藍

彩度

濃度

亮度


背景

即文、圖區域重疊的變化

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

避免反客為主


版面類型與規畫

 

面積

邊界

背景

報版

8開(B4)以上

平均

書版

菊8開(A4)以下

彈性

電子、網路

螢幕

彈性


習題

構想與規畫

天:5cm 地:2.5cm

左、右:2.03

結構實作

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題