丁西酷卡
平面 網站 丁西貼紙
不簡單生活節海報
邀請卡
金馬影展手冊
金馬奇 幻影展
長生種子
青少年發聲網
和平旅行社
攝影 一閃一閃小眼睛
寫真食堂
作品集
藍漢光
剩餘的美好
我愛貓？！
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 雜 誌 編 排
1
排 版 簡 介
1 版面編排 平面設計最基本的樣貌，仔細控制視覺流向，用圖片、文字、符號去說故事。 Ex: 書本、報紙、雜誌、宣傳品 現代雜誌設計師之父 艾力西•布若得維契 (Alexey Brodovitch)
嚇我吧 ! 2 版面設計流程 仔細閱讀內容，了解當中議題，知道目標族群。 有效把分開的視覺元素組合排列。 抓住讀者興趣，確保讀者順著計劃取得資訊。
3 四個基本原則 1. 對比 / CONTRAST 第一時間吸引對方目標的部分。 2. 重複 / REPETION 重複運用顏色、形狀、質感、空間配置、線條粗細、字體、大小，加強 一致性。 3. 對齊 / ALIGNMENT 視覺上有關連性，版面會看起來整潔、精緻、鮮明。 4. 相近 / PROXIMITY 相關聯的項目要放在一起，有助於歸納，減少雜亂。
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 雜 誌 編 排
排 版 簡 介
4 英文字體 古典字體 Oldstyle
Times
現代字體 Modern
襯線字體 slab serif
Bodoni
無襯線字體 Sans serif
Bodoni Helvetica Arial Optima
書寫字體 script
1
Ar Berkley
http://www.fontpalace.com/
FREE
裝飾體 Decorative
Memphmis
http://www.fontcubes.com/all/popular
5 中文字體
明體 黑體 圓體 楷書體 雅風體 6 字體設定 大小 ( 點 ) 行距 字距
7 版面設定 版面大小 出血 邊界與欄 書寫方向
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 雜 誌 編 排
2
設計的文法
建立條理 整理資訊 理解用途，分析要素做最妥當的配置。
接近與分隔 把相同要素放一起。
對齊 帶來整齊的美感。
重複 遵循規則。
活用直線與曲線 線可用來區隔或者連結不同要素。
重心與平衡 依據每個要素的分量來決定版面。
設定邊界
留白 很
重
要
要將重要的要素安定於邊界內。
善用格線 要將重要的要素安定於邊界內。
灰階濃度規劃法
赫 綵 電 腦 設 計 培 訓 學 院
小 秘 訣
版 權 所 有
講 師 藍漢光
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 CIS 企業識別系統
3
Indesign 注 意 事 項
1 版面 先開軟體在開檔案 字形很多時避免字形跑掉。
出血、邊界、欄 確實設定規劃。
主版 規劃好一致性部分，以章節命名。
參考線 command 兩邊拉參考線。
2 文字 文字框 同樣區塊的文章盡量放在同一個文字框內。
定位點 文字 > 定位點
多頁文字 option 自動新增一頁排文。 shift 自動多頁排文。
樣式 排好版型後設定樣式。 字元樣式，小範圍的變化。 段落樣式，大範圍。 物件樣式，建立物件濾鏡效果。
複合字體
3 表格 插入表格 先開文字框才能插入。
設計表格 WORD 設計好後匯入，再進行調整。
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 CIS 企業識別系統
3
Indesign 注 意 事 項
4 輸出 封裝 中文字體還是需要自行抓取。
PDF 詳細設定品質。
互動文件 視窗 > 工作區 > 互動 互動式 PDF。 SWF
線上出版
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 CIS 企業識別系統
平面流程
1 平面設計工作流程 企劃、編輯 編輯製作企畫 書、 草 稿、 跟 印 刷 廠 交 涉 等。 完成頁面配置 指 示 書、 落 板 單 等， 交 給 設 計師。
企劃 完成
內容製作
文字
攝影
插畫
準備 內容
落版 配置
來不及 !! 該死 !
排版 版面 作業
設計師製作 版面
製版、印刷、裝訂 圖文 入稿
製 版、 印 刷 公司製作出 打樣
輸出 打樣 校正 打樣
看色 看印
製版 印刷
赫 綵 電 腦 設 計 培 訓 學 院
輸出 打樣
版 權 所 有
出刊
講 師 藍漢光
4
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 CIS 企業識別系統
平面流程
2 尺寸與裁切 單頁的頁面結構
跨頁的頁面結構 頁眉 赫綵電腦
裁切線 版心 製版線
邊界 125
124
欄位 邊角完稿線
欄距
頁碼
中央完稿線
3 書的結構
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
4
C L A SS
赫綵電腦設計培訓學院 商業視覺平面設計 CIS 企業識別系統
雜誌欣賞
設計之家 雜誌設計
赫 綵 電 腦 設 計 培 訓 學 院
版 權 所 有
講 師 藍漢光
5