編輯設計筆記

文章編排設計建議

1. 上一篇短文章的字型與大小建議，請斟酌參考，內文大小建議10pt-8pt間，依刊物對象及屬性而定，不宜大於11pt。


---

2. 下篇跨頁滿版標題與內文的關係，強調的是大小粗細的對比關係，很快能看到視覺焦點，並能區分出層次，與表現出細緻的設計感。


---

3. 文章左側包含：文章標題、副標題、作者、引言等，需強調大小粗細等對比與層次，設定須精細。內文等層次，強調編排的規律性、注意版心原則、文字與編排間的對比關係，善用字體的大小、粗細進行設定與編排，使其具有設計感、獨特性以及閱讀性。
4. 文章右側包含：內文標題、內文等層次、文章來源..等，強調編排的規律性、注意版心原則、文字間的對比關係，善用字體的大小、粗細進行設定與編排，使其具有設計感、獨特性以及閱讀性。
5. 內文建議10pt-8pt間，依刊物對象及屬性而定，不宜大於11pt，若太大則會過於鬆散，偏向報告類型而非印刷刊物。
6. 內文標題建議11pt以上，文章標題則可更誇張的呈現，依刊物對象及屬性而定。
7. 頁眉與頁碼也需有粗細關係才能強調重點。
8. 請注意其易讀性、信息層次、視覺流程等實用功能。

---

說明影音

ID [ InDesign ] 刊物編輯設計｜字型｜大小｜編輯建議

---

文章範例

請陸續準備好期末作業的內容，包含文章、照片、圖片等資訊，文章及圖片請盡量為原創，若引用自其他地方，請列出資料來源，並為授權圖片。 本範例，文字來源：單車百岳 之部分內容，照片取自免費圖庫網站：unsplash ，下圖為本單元之兩頁滿版跨頁文章之範例，包含：B主版設定、頁碼調整、段落樣式等設定。

---

範例影音

ID[ InDesign ] 刊物編輯設計｜文章編輯：滿版跨頁｜主版設計｜段落樣式

可參考範例影片，或參照以下製作步驟的逐步說明，完成期末刊物的其中一篇文章，並以此延伸至其他文章編排。

---

---

製作步驟

本單元以

上課範例： 台灣百岳 中的文字及圖片進行編排，供上課練習用，課後作業則以自己的期末刊物內容為主進行製作。

使用軟體：Adobe InDesign 2021，若使用較舊版本，則需降轉IDML後，才能讀取。

---

學習內容與步驟如下：

---

延續上一篇文章之進度，持續進行下一篇單元。本範例在第四頁及第五頁的跨頁中製作（個人可依自己的進度頁數進行）。

1. 加入滿版跨頁圖片

1. 選擇『矩形框架工具』拉出跨頁滿版的範圍。


---

2. 選擇『檔案』＞『置入』，選擇設定好之圖片置入其中。


---

3. 在圖片上『按右鍵』選擇『符合』＞『等比例填滿框架』。


---

4. 呈現滿版跨頁之圖片狀態。


---

---

2. 建立新的主版樣式-Ｂ

1. 在『頁面』面板中，選擇『新增主版』。


---

2. 新增『B』主版。


---

3. 在『A主版』中，全選（Ctrl+A）＞複製（Ctrl+C），將『A主版』中的頁眉與頁碼，全選複製。


---

4. 將『A主版』中複製的頁眉與頁碼，在新增的圖層『B-主版-反白』中選擇『原地貼在』（Ctrl+V）。


---

5. 將『A主版』中複製的頁眉與頁碼，複製於『B-主版』。


---

6. 選擇『B-主版』中頁眉與頁碼的文字，一一將之改為白色。


---

7. 選擇頁面面板中『第4-5頁』按右鍵，選擇『套用主版至頁面』。


---

8. 在『第4-5頁』中，選擇『B-主版』。


---

9. 『B-主版』套用於『第4-5頁』中，呈現反白的頁眉與頁碼。


---

10. 修改『B-主版』左側之頁眉之文字，使其區隔其他主版。


---

11. 套用後之頁眉效果。


---

3. 建立B跨頁標題｜B跨頁副標題｜B跨頁說明文｜段落樣式

1. 請先將之前『A-主版』設定的樣式前加上A，以區別不同主版的段落樣式設定。

   ---

   拉出文字框，加入跨頁標題於左側中間欄位。建立『B跨頁標題』的『段落樣式』，如圖示。


---

將『B跨頁標題』『段落樣式』的『字元顏色』，設定為『紙張』白色，如圖示。

---

2. 拉出文字框，加入跨頁副標題於左側標題之間。建立『B跨頁副標題』『段落樣式』的『基本字元格式』，如圖示。


---

3. 設定『B跨頁副標題』『段落樣式』的『底線選項』，如圖示。


---

4. 拉出文字框，加入跨頁說明文於右側頁面，右邊的兩個欄位。建立『B跨頁說明文』『段落樣式』的『基本字元格式』，如圖示。


---

5. 拉出矩形工具，於右側頁面，填入漸層色。


---

6. 修改為墨綠色漸層


---

7. 加入『漸層羽化工具』，調整期方向及漸層範圍，使其自然的呈現，並作為凸顯文字的作用。


---

4. 文章輸入與列印

1. 可輸出成可列印之jpg檔，『檔案』＞『轉存』。


---

2. 轉存為jpg檔案。


---

3. 範圍：4-5頁，跨頁，高品質，設定解析度為『300』＞『色域』為CMYK。


---

4. 將文章輸出為跨頁呈現的圖檔，以供單獨列印與觀看效果。

文章範例

本範例，文字來源：單車百岳 之部分內容，照片取自免費圖庫網站：unsplash ，下圖為本單元之兩頁滿版跨頁文章之範例，包含：C主版設定、繞圖排文等設定。

---

範例影音

ID 刊物編輯設計｜文章編輯：繞圖排文｜多頁文章製作

可參考範例影片，或參照以下製作步驟的逐步說明，完成期末刊物的系列文章，並以此延伸至其他文章編排。

---

---

製作步驟

本單元以

上課範例： 台灣百岳 中的文字及圖片進行編排，供上課練習用，課後作業則以自己的期末刊物內容為主進行製作。

使用軟體：Adobe InDesign 2021，若使用較舊版本，則需降轉IDML後，才能讀取。

---

學習內容與步驟如下：

---

延續上一篇文章之進度，持續進行下一篇單元。本範例在第六頁及第七頁的跨頁中製作（個人可依自己的進度頁數進行）。

1. 建立新的主版樣式-C

1. 在『頁面』面板中，選擇『新增主版』，新增為『C』主版。


---

2. 同樣於在『A-主版』中，全選（Ctrl+A）＞複製（Ctrl+C），將『A-主版』中的頁眉與頁碼，複製於『Ｃ-主版』中，選擇『原地貼在』（Ctrl+V），並略為修改使之與『A-主版』不同。


---

3. 選擇頁面面板中『第6-7頁』按右鍵，選擇『套用主版至頁面』，在『第6-7頁』中，選擇『Ｃ-主版』。。


---

4. 於『Ｃ-主版』中之狀態。


---

2. 建立Ｃ文章標題｜Ｃ文章副標題｜Ｃ文章小標題｜段落樣式

1. 拉出文字框，加入跨頁標題於左側中間欄位。建立『C文章標題』的『段落樣式』，字體大小為48pt，如圖示。


---

2. 點選上方段落文字，建立『C文章副標題』的『段落樣式』，調整文字之大小及粗細，字體大小為30pt。


---

3. 亦可調整字型為思源宋體，字體大小為24pt，使其差異更大，重點為：凸顯與文章主標題之字型、大小差異，產生閱讀的順序與層次。


---

4. 調整『C文章標題』的行距為72pt，拉開下方要加入的小標題的距離，如圖示。


---

5. 加入文章小標題。建立『C文章小標題』『段落樣式』的『基本字元格式』，字體大小為18pt，如圖示。


---

6. 設定『C文章小標題』『段落樣式』的『段落嵌線』，下圖為『下線』之設定。


---

7. 設定『C文章小標題』『段落樣式』的『段落嵌線』，下圖為『上線』之設定。


---

3. 繞圖排文設定

1. 『檔案』＞『置入』，選擇準備好的去背檔案（檔案格式可以為pdf、png、ai、psd皆可）。


---

2. 選擇準備好的pdf檔案。


---

3. 置入至適當位置。


---

4. 加入準備好的內文，適當地覆蓋在圖片之上，需注意其與圖片的關係（太密的地方不要放置文字）。


---

5. 點選圖片，選擇『繞圖排文』面板，設定為『圍繞物件形狀』，視情況調整其與文字的間距，本範例為『5公釐』，如圖示。


---

4. 圖片與內文設定

1. 於右側置入適當之圖片位置，並以前述的做法放置圖片至適當大小。


---



---

2. 持續置入內文，直接套用『A內文』以及『A內文標題』之設定。


---

3. 文章來源之設定，同樣套用『A文章來源』之設定。


---

5. 文章輸入與列印

1. 依前述做法，輸出成可列印之jpg檔，『檔案』＞『轉存』。範圍：6-7頁，跨頁，高品質，設定解析度為『300』＞『色域』為CMYK。


---

2. 將文章輸出為跨頁呈現的圖檔，以供單獨列印與觀看效果。

文章編輯練習

1. 請開始進行期末刊物設計，本單元為期末作業內文之延續。
2. 文章及圖片請盡量為原創，若引用自其他地方，請列出資料來源，並為授權圖片。
3. 需包含不同『主版』、『滿版跨頁』設計、『繞圖排文』等。
4. 文字內容包含：標題、副標題、內文等層次，強調編排的規律性、注意版心原則、文字與編排間的對比關係，善用字體的大小、粗細進行設定與編排，使其具有設計感、獨特性以及閱讀性。
5. 版式不限，請注意其易讀性、信息層次、視覺流程等實用功能。

---

請於下次上課前上傳雲端，於課堂進行檢視與討論。

---

請將本單元作業，封裝方式，將封裝之資料夾命名為『HW07-學號-姓名，文章編輯』，放置於至 hw07-文章編輯｜雲端作業區，其中需包含：封裝完成之資料夾與新增之jpg檔，供上課討論。

---

封裝檔案流程

1. 『檔案』＞『封裝』


---

2. 封裝資訊之檢視，若需列印的檔案，請先轉換成CMYK模式。


---

3. 『建立封裝資料夾』將之命名為指定的名稱『HW07-學號-姓名，文章編輯』。


---

4. 警告畫面『需使用授權之字體』。


---

5. 資料夾之呈現。


---

6. 資料夾內包含：indd檔、idml檔、pdf檔、Document fonts（所使用之字形檔資料夾）、Links（所使用之圖片檔案資料夾）。