版式设计指南——网格应用的基本原则

迈出**步

网格的元素2

1.了解构成要素2

基本的网格 3

2.了解基础结构3

选定合适的网格4

3.评估素材4

为文本添加格式5

4.计算一下5

信息的层级6

5.对读者友好一点儿6

网格与图片7

6.决定顺序7

整合网格、文字和图片8

7.综合考虑所有元素8

色彩9

8.用色彩划分区域9

留白10

9.将留白作为平面元素10

节要和的律11

10.通过节奏保持读者的兴趣11

在实践中使用网格

单栏网格14

11.给你的主题设定一种风格14

12.决定页边距16

13.按比例设计18

双栏网格20

14.均分网格20

15.为功能而设计22

16.控制使用分隔线24

17.在秩序中增加流动感26

18.划分易于理解的区块28

19.连贯性与趣味性30

20.其他模板32

三栏网格34

21.设计要看起来简洁明了34

22.通过排版确定分栏36

23.避免拥挤38

24.下移栏目40

25.改变形状42

多栏网格44

26.切分节奏44

27.混搭46

28.简化复杂的元素48

29.让DIY指南便于理解50

30.熟悉网页基础知识52

模块化网格54

31.素材分解54

32.留出一些呼吸的空间56

33.融合模块58

34.合理规划空间60

35.有机的网格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.通过色彩强调信息84

47.颜色让日历模块妙趣横生86

48.利用色彩编码88

49.用色彩区别内容90

50.用元素的粗细、大小和形状代替颜色92

水平层次结构94

51.分解标志图形94

52.系统化地使用条形96

53.用间距界定水平区域98

54.用播图表现时间线100

55.把导航栏当作标志102

字体与网格104

56.既要清楚又要有趣104

57.翻转一下106

58.保持干净108

59.玩转网格110

60.让读者参与其中112

密集的信息114

61.掌控紧凑的空间114

62.借助终端陈述观点116

63.打破网格118

64.平衡冗杂的材料120

65.密度与活力相结合122

呼吸的空间124

66.把握节奏124

67.创造一片“绿洲”126

68.让图片“呼吸”128

隐形的网格130

69.绘制草稿130

70.利用层次梳理材料132

71.使用网格的原则134

72.保持流动性136

有机的形状138

73.为插入做好规划138

74.追求戏剧性140

75.裁剪图片142

76.让文化做主导144

瑞士网格146

77.设计一套通用系统146

78.展示字体的粗细和页面层次148

79.使用Helvetica字体150

80.改变分隔线的粗细152

81.混用垂直和水平的层次154

打断网格 156

82.制造惊喜的效果156

83.改变大小158

84.问问自己什么可以舍弃160

85.善用侧边栏162

再造网格164

86.研究大师的作品164

87.裁剪图片，放大细节166

88.改变边界168

分层网格170

89.使用模块170

90.多维度设计172

91.着眼全局174

网格与动感176

92.让框架支持所有媒介176

93.排版可以错落有致178

94.超大化180

95.移动模块182

打破网格184

96.发挥优势184

97.灵活设计186

98.追随自己的心188

99.忘记规则190

术语表192

快速入门指南194

本书参与者196

致谢198