對設計師來(lái)說(shuō),學(xué)會(huì )運用網(wǎng)格是進(jìn)行所有設計的基礎。本書(shū)包括了版式設計中的網(wǎng)格應用的99個(gè)原則,介紹了網(wǎng)格應用的基礎和網(wǎng)格應用的實(shí)際案例。其中,網(wǎng)格的基礎包括網(wǎng)格設計的元素、網(wǎng)格的基礎結構、素材的應用、信息的層級、網(wǎng)格與圖片和文字的順序、網(wǎng)格的節奏等內容。網(wǎng)格的應用分別從單欄網(wǎng)格、雙欄網(wǎng)格、多欄網(wǎng)格、模塊化網(wǎng)格等類(lèi)別,分別用案例說(shuō)明如何完成完美的設計。本書(shū)中的案例均是版式設計中的典型案例,每個(gè)網(wǎng)格應用的原則中都包含對于該原則的詳細解析,實(shí)例圖,以及對每張圖片中所用網(wǎng)格的解讀。通過(guò)這些詳細的解讀,讀者不僅可以了解網(wǎng)格的應用原則,還可以理解每個(gè)案例的設計構思和設計靈感。本書(shū)不僅為成功進(jìn)行網(wǎng)格設計提供了豐富而實(shí)用的規則,并且運用設計實(shí)例中不同類(lèi)型的網(wǎng)格,以及如何打破網(wǎng)格設計規則來(lái)說(shuō)明如何達成富于啟發(fā)的設計。
貝絲·托恩德羅,美國B(niǎo)TD公司的創(chuàng )始人和負責人,紐約城市理工學(xué)院傳播設計系教師。BTD是一家小型設計工作室,主要從事圖書(shū)封面設計、商標、企業(yè)標志及網(wǎng)頁(yè)設計等。曾擔任美國專(zhuān)業(yè)設計協(xié)會(huì )董事會(huì )成員,并擔任項目導師。
邁出步
網(wǎng)格的元素2
1.了解構成要素2
基本的網(wǎng)格 3
2.了解基礎結構3
選定合適的網(wǎng)格4
3.評估素材4
為文本添加格式5
4.計算一下5
信息的層級6
5.對讀者友好一點(diǎn)兒6
網(wǎng)格與圖片7
6.決定順序7
整合網(wǎng)格、文字和圖片8
7.綜合考慮所有元素8
色彩9
8.用色彩劃分區域9
留白10
9.將留白作為平面元素10
節要和的律11
10.通過(guò)節奏保持讀者的興趣11
在實(shí)踐中使用網(wǎng)格
單欄網(wǎng)格14
11.給你的主題設定一種風(fēng)格14
12.決定頁(yè)邊距16
13.按比例設計18
雙欄網(wǎng)格20
14.均分網(wǎng)格20
15.為功能而設計22
16.控制使用分隔線(xiàn)24
17.在秩序中增加流動(dòng)感26
18.劃分易于理解的區塊28
19.連貫性與趣味性30
20.其他模板32
三欄網(wǎng)格34
21.設計要看起來(lái)簡(jiǎn)潔明了34
22.通過(guò)排版確定分欄36
23.避免擁擠38
24.下移欄目40
25.改變形狀42
多欄網(wǎng)格44
26.切分節奏44
27.混搭46
28.簡(jiǎn)化復雜的元素48
29.讓DIY指南便于理解50
30.熟悉網(wǎng)頁(yè)基礎知識52
模塊化網(wǎng)格54
31.素材分解54
32.留出一些呼吸的空間56
33.融合模塊58
34.合理規劃空間60
35.有機的網(wǎng)格62
表格、留表和信息圖64
36.以全局的目光考慮圖表64
37.升華圖表66
38.增添趣味性68
39.鎮重地選擇框架70
40.跳出矩形外思考72
色彩是重要元素74
41.用色彩吸引讀者的注意力74
42.控制主色調76
43.讓色彩傳達信息78
44.色彩與排版的完美結合80
色彩是組織元素82
45.善用色彩82
46.通過(guò)色彩強調信息84
47.顏色讓日歷模塊妙趣橫生86
48.利用色彩編碼88
49.用色彩區別內容90
50.用元素的粗細、大小和形狀代替顏色92
水平層次結構94
51.分解標志圖形94
52.系統化地使用條形96
53.用間距界定水平區域98
54.用播圖表現時(shí)間線(xiàn)100
55.把導航欄當作標志102
字體與網(wǎng)格104
56.既要清楚又要有趣104
57.翻轉一下106
58.保持干凈108
59.玩轉網(wǎng)格110
60.讓讀者參與其中112
密集的信息114
61.掌控緊湊的空間114
62.借助終端陳述觀(guān)點(diǎn)116
63.打破網(wǎng)格118
64.平衡冗雜的材料120
65.密度與活力相結合122
呼吸的空間124
66.把握節奏124
67.創(chuàng )造一片“綠洲”126
68.讓圖片“呼吸”128
隱形的網(wǎng)格130
69.繪制草稿130
70.利用層次梳理材料132
71.使用網(wǎng)格的原則134
72.保持流動(dòng)性136
有機的形狀138
73.為插入做好規劃138
74.追求戲劇性140
75.裁剪圖片142
76.讓文化做主導144
瑞士網(wǎng)格146
77.設計一套通用系統146
78.展示字體的粗細和頁(yè)面層次148
79.使用Helvetica字體150
80.改變分隔線(xiàn)的粗細152
81.混用垂直和水平的層次154
打斷網(wǎng)格 156
82.制造驚喜的效果156
83.改變大小158
84.問(wèn)問(wèn)自己什么可以舍棄160
85.善用側邊欄162
再造網(wǎng)格164
86.研究大師的作品164
87.裁剪圖片,放大細節166
88.改變邊界168
分層網(wǎng)格170
89.使用模塊170
90.多維度設計172
91.著(zhù)眼全局174
網(wǎng)格與動(dòng)感176
92.讓框架支持所有媒介176
93.排版可以錯落有致178
94.超大化180
95.移動(dòng)模塊182
打破網(wǎng)格184
96.發(fā)揮優(yōu)勢184
97.靈活設計186
98.追隨自己的心188
99.忘記規則190
術(shù)語(yǔ)表192
快速入門(mén)指南194
本書(shū)參與者196
致謝198
![]() |
![]() |
![]() |
會(huì )員家 | 書(shū)天堂 | 天貓旗艦店 |
![]() | ![]() |
微信公眾號 | 官方微博 |
版權所有:廣西師范大學(xué)出版社集團 GUANGXI NORMAL UNIVERSITY PRESS(GROUP) | 紀委舉/報投訴郵箱 :cbsjw@bbtpress.com 紀委舉報電話(huà):0773-2288699
網(wǎng)絡(luò )出版服務(wù)許可證: (署) | 網(wǎng)出證 (桂) 字第008號 | 備案號:桂ICP備12003475號 | 新出網(wǎng)證(桂)字002號 | 公安機關(guān)備案號:45030202000033號