版式編排設計與實戰

圖書前言

版式設計雖然只是將圖片與文字排列組合在一起,看起來與設計無關。但是想要做得出色,跟設計是離不開關係的。

人們往往會認為版式也就是簡單的編排,任何人都可以進行這樣的工作。其實要想真正地做好設計,還是要有一定的技巧和規律,不具備版式設計基礎知識的人在設計完之後,常常無法確定自己的作品是否真的沒有問題。甚至有的時候會無法判斷自己的作品是不是“好的設計”。

另外在處理版面設計的時候會遇見一些問題,像把文字和圖片對齊排列後,版面即顯得整齊又不能顯得死板生硬;在裝飾元素使用後,版面會顯得不夠整潔。這些都是在版面設計過程中會有的困擾。

本書不僅介紹了版式設計的基礎知識,還有如何吸引、引導讀者閱讀信息等內容。我們在設計的時候,首先應該掌握版式設計的基礎知識,這樣才能在設計的時候如魚得水;其次在設計的時候,要充分地考慮到讀者,多站在讀者的角度考慮問題,例如讀者閱讀信息的時候是否便利。

本書共分7個章節,其中1~4章為於凱編寫,5~7章為李穎編寫。能夠對讀者的設計學習及工作有所幫助,是筆者最大的心愿。在此,希望讀者在學習本書之後,在設計水平上有一定的提高。

於凱 李穎 北京電子科技職業學院

編輯推薦

本書針對版式設計從基礎到要點以及實戰進行詳細介紹,內容涉及版式的概論、版式中的文字、圖形、色彩等基礎知識的運用,還介紹了如何利用這些元素來引導、吸引讀者的視線,本書中有大量的圖例可供欣賞,還配上對圖例的解析,幫助讀者更好地理解知識,掌握要點。本書不僅能為學習版式設計的初學者提供參考和學習,還適合從事版式設計的專業人士作為擴展創意思路和實戰技法的參考書,也適合相關高等院校的師生作為教材及參考用書。

圖書目錄

第 1 章版式設計概述

1.1 傳播媒介中的版式設計.............................2

1.1.1 什麼是傳播媒介 ....................................................2

1.1.2 傳播媒介有哪些形式 .............................................3

1.1.3 版式設計的概念 ....................................................7

1.1.4 版式設計與傳播媒介 .............................................7

第 2 章如何做好版面設計

2.1 認識版式設計........................................ 16

2.1.1 版式設計的目的 ..................................................16

2.1.2 版式設計的組成部分 ...........................................17

2.1.3 什麼是好的版式設計 ...........................................18

2.1.4 編排設計的作用 ..................................................20

2.1.5 什麼是優秀版式設計 ...........................................21

2.1.6 版式設計需要掌握的基本能力 .............................21

2.2 流暢地傳遞信息..................................... 24

2.2.1 替讀者考慮 .........................................................25

2.2.2 讀者的閱讀方式 ..................................................26

2.2.3 傳遞信息 .............................................................27

1.2 中西方版式設計的發展史.......................... 8

1.2.1 中國古典書籍與印刷品的編排設計.........................8

1.2.2 西方版式設計的歷史發展與風格演變 .....................9

本章小結及作業........................................... 14

2.3 版式設計的三個基本原則........................28

2.3.1 直觀性 ................................................................30

2.3.2 易讀性 ................................................................30

2.3.3 美觀性 ................................................................31

2.4 從顧客角度來看版面設計........................ 34

2.4.1 看上去工整 .........................................................34

2.4.2 能夠高效率的閱讀 ...............................................35

2.4.3 讀後留下深刻的印象 ...........................................36

2.4.4 從信息有所收穫 ..................................................36

本章小結及作業........................................... 36

第 3 章版式設計的要素

3.1 文字——版面的聲音.............................. 38

3.1.1 漢字的演變過程 ..................................................38

3.1.2 中文中常用字型 ..................................................42

3.1.3 最常用的英文字型 ...............................................44

3.1.4 文字排列的形式 ..................................................45

3.2 圖像——版面的眼睛.............................. 46

3.2.1 圖形....................................................................46

3.2.2 圖形的特徵 .........................................................47

3.2.3 攝影圖像 .............................................................51

3.2.4 圖像的裁切 .........................................................53

3.3 空間的處理...........................................55

3.3.1 空間的留白 .........................................................55

3.3.2 空間的平衡與緊張 ...............................................56

3.4 顏色——版面的表情.............................. 57

3.4.1 色彩的性質 .........................................................57

3.4.2 相對的性質 .........................................................58

3.4.3 配色的構成要素 ..................................................62

3.5 有效的版面配色..................................... 65

3.5.1 色調的統一與節奏 ...............................................65

3.5.2 基礎色 ................................................................66

3.5.3 對比與區分 ........................................................67

3.5.4 強調色 ................................................................69

3.6 框線線的重要功能................................. 71

3.6.1 框線線的種類 ....................................................72

3.6.2 框線線的效果 ......................................................72

3.6.3 有效的插入方法 ..................................................73

3.7 背景的利用...........................................74

3.7.1 四方形 ................................................................74

3.7.2 圓角....................................................................76

3.7.3 裝飾性元素 .........................................................76

3.7.4 底紋和隨意圖形 ..................................................77

3.8 利用材料的特徵.................................... 78

3.8.1 紙 .......................................................................80

3.8.2 軟塑膠 ................................................................80

3.8.3 硬塑膠 ................................................................81

本章小結及作業........................................... 82

第 4 章建立條理——格線系統的套用

4.1 認識格線系統........................................ 84

4.1.1 什麼是格線 .........................................................84

4.1.2 格線結構與媒介 ..................................................85

4.2 格線系統的類型..................................... 87

4.2.1 分欄格線 .............................................................87

4.2.2 單元格線 .............................................................91

4.3 格線版式的其他形式.............................. 94

4.3.1 根據比例關係創建格線 .......................................94

4.3.2 成角格線 .............................................................95

4.3.3 格線的編排形式 ..................................................96

4.3.4 打破格線——自由版式設計 ................................96

本章小結及作業........................................... 96

第 5 章圖文排列的基本方式

5.1

圖文左對齊...........................................99

5.2

圖文居中排列...................................... 100

5.3

圖文右對齊排列................................... 102

5.4 圖文“裝箱式”排列............................ 103

本章小結及作業......................................... 104

第 6 章如何引導讀者的視覺順序

6.1 如何吸引讀者的視線............................ 106

6.1.1 廣告語 ..............................................................106

6.1.2 宣傳畫 ..............................................................107

6.1.3 醒目的標誌 .......................................................108

6.2 信息板塊的作用................................... 110

6.2.1 標題 .................................................................110

6.2.2 內容簡介 ...........................................................111

6.2.3 導向信息 ...........................................................111

6.2.4 解說詞 ..............................................................112

6.2.5 對話框的內容 ....................................................113

6.3 如何引導讀者的視線............................ 114

6.3.1 自上而下移動 ....................................................114

6.3.2 從大到小移動 ....................................................115

6.3.3 相鄰的物體 .......................................................116

6.3.4 相同形狀的利用 ................................................117

6.3.5 相同顏色的利用 ................................................118

6.3.6 利用號碼的順序 ................................................119

6.3.7 利用箭頭的方向 ................................................120

6.4 如何留住讀者的視線............................ 122

6.4.1 利用“壓角” ....................................................123

6.4.2 利用“屏障板” ................................................124

6.4.3 利用“視線流” ................................................124

6.5 版式設計的禁忌.................................. 125

6.5.1 “切腹”...........................................................125

6.5.2 “淚別” ...........................................................125

6.5.3 版面過滿...........................................................126

6.5.4 貼邊 .................................................................126

6.5.5 黑色背景...........................................................127

6.5.6 框線過多...........................................................128

6.5.7 跳讀 .................................................................129

6.5.8 參差不齊 ..........................................................129

6.5.9 太過靠近...........................................................129

6.5.10 美術字型 ........................................................129

6.5.11 死板 ...............................................................130

6.5.12 侵入 ...............................................................130

本章小結及作業......................................... 130

第 7 章不同媒介的版式設計

7.1 雜誌.................................................. 133

7.1.1 雜誌的含義 .......................................................133

7.1.2 版式是雜誌的基礎 .............................................133

7.2

宣傳冊............................................... 134

7.3

海報................................................... 136

7.4

DM與電視片頭................................... 138

7.4.1 DM ..................................................................138

7.4.2 電視片頭 ...........................................................138

7.5 報紙................................................... 139

7.5.1 報紙的規格 .......................................................139

7.5.2 報紙的組成部分 ................................................140

7.6 網頁設計............................................ 142

本章小結及作業......................................... 144

相關詞條

熱門詞條

聯絡我們