TERTETET

Page 1

丁西酷卡

平面 網站 丁西貼紙

不簡單生活節海報

邀請卡

金馬影展手冊

金馬奇 幻影展

長生種子

青少年發聲網

和平旅行社

攝影 一閃一閃小眼睛

寫真食堂

作品集

藍漢光

剩餘的美好

我愛貓?!

赫 綵 電 腦 設 計 培 訓 學 院

版 權 所 有


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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.