超越平凡的平面设计:版式设计原理与应用

这本书讲了什么

《超越平凡的平面设计：版式设计原理与应用》是美国设计师 John McWade 的第二本平面设计专著，由侯景艳翻译，人民邮电出版社 2010 年 9 月出版。McWade 是 PageLab 公司的创始人，投身设计和出版工作数十年，与妻子共同创办了广受设计界赞誉的 Before & After 杂志。这本书的内容正是该杂志此前刊登过的文章的合辑，原作名为“Before & After: How to Design Cool Stuff”，全书 208 页。

全书分为三个部分：平面设计基础知识、平面应用设计技巧、平面设计精彩案例。基础知识部分涉及色轮的使用（单色、近似色等色调组合）、字体选择与搭配、对比的运用以及“天然网格”的布局方法。应用技巧部分演示照片裁剪、配图文字设计、网页标头设计等具体操作。案例部分则通过宣传册、新闻简报、幻灯片、名片、海报等项目，完整展示从构思到成品的版面设计流程。

观后感

这本书的第一章标题是“设计，无需规则”，副标题更直接：“抛弃规则，仅凭直觉”。

看到这里的时候，我愣了一下。一本讲版式设计原理的书，第一章教你不要规则？

但翻完目录和内容框架之后，我大概理解了 McWade 的意思。他不是在否定设计原则的存在，他否定的是一种把设计当成“填空题”的做法。对齐原则、对比原则、亲密性原则——这些东西当然重要，但如果一个设计师脑子里首先想的是“我该用哪种原则”，那设计出来的东西大概率是僵硬的。McWade 想说的是，先去看，先去感受，先让眼睛告诉你这个页面缺什么、多什么、哪里堵住了。规则是事后总结出来的，不是事前拿来套的。

豆瓣上有一条短评说“越了解版式设计越觉得平面设计的基本功就是她无疑了，基本功稳固了学其他方面的设计就轻松自然多了”。这个说法我认同，但我想补一句：基本功不只是“知道规则”，更是“知道什么时候可以不管规则”。这本书的很多案例恰恰在示范后者。McWade 在讲裁剪的时候，不是给你一套构图公式，而是告诉你一张照片可以裁出多少种不同的故事，每一种裁剪都在改变图片在页面上的角色。这种思路的核心是判断力，不是技术。

另一个让我觉得值得琢磨的地方是这本书的“出身”。它来自 Before & After 杂志的文章合辑，本质上是一本杂志精选集的图书化。这决定了它的写法：每一篇都在解决一个具体的小问题，篇幅不长，图示密集，读起来像在和一位经验丰富的设计师聊天，而不是在啃教材。豆瓣上有人评价说“作者的匠心在于用平面设计里不同项目作为章节划分，用轻松的语言、小巧的案例讲解，而不是大段大段让人昏头的理论”。这确实是我翻这本书时的感受。

当然，问题也出在这里。豆瓣评分 8.6，好评不少，但也有读者指出它“缺乏了一种系统性的统筹指导，会让人陷入…”。这个批评是成立的。杂志文章合辑的好处是灵活、实用、好读，代价是缺少一条从入门到精通的完整路径。它更像一本“设计随笔集”，你随便翻到哪一页都能获得一点启发，但如果你需要的是一个从零搭建知识体系的教程，这本书可能不够。

还有一个不能忽略的事实：这本书出版于 2010 年，里面的案例——迈阿密大学文理学院的网站设计、InDesign 的设置对话框截图、印刷时代的折页和新闻简报——带着明显的时代痕迹。豆瓣上有人说“十年前看到帮助更大，如今是浅了”。这话说得公道。但版式设计里那些不随技术变化的东西——色彩怎么搭配才舒服，字体怎么选才贴切，图文怎么排才有呼吸感——这些内容不会因为软件更新而失效。McWade 自己在前言里说，这本书“告诉你如何像设计师一样观察和思考”。观察和思考的方式，比具体操作步骤活得久。

所以我的结论是：把这本书当成一本“设计感觉养成手册”来读，可能比当成“版式操作指南”更合适。它不教你怎么用软件，它教你怎么看。看多了之后，你打开一个空白页面，眼睛会替你做出一些判断——那种判断，才是 McWade 真正想传递的东西。

目录

平面设计基础知识
设计，无需规则
抛弃规则，仅凭直觉
空白页面，含义无穷
不要跳过设置，对话框这是你设计的起点
色轮
理解色彩搭配的必备工具
怎样寻找最佳色彩
你所需要的色调就隐藏在图片里，让我告诉你如何寻找
怎样选择合适的字体
怎样挑选与图形相辅相成的字体
怎样运用对比确定字体风格
合理运用对比，能够建立或打破字体的设计风格
怎样用好字体
文字就是工具：学会如何恰当地运用它，就能提高设计水平
字母部件
平面设计应用技巧
一生多
大幅照片里包含丰富的图像。本章将向你展示如何从一张原始照片中提取出多个图像。
少生多
裁剪的基本原理
根据功能和意义来裁剪照片
背景的选择
焦点
照片复杂或主题不明确？这里有八种抓住读者视线的简单方法
酷封面
十种做出漂亮封面的简单方法
怎样设计扉页
完成封面设计后，如何进行扉页的设计呢
保持内外一致
去掉边框
若台式打印机无法打印至边缘，该如何设计版面呢？
怎样设计配图文字
配图文字不仅仅只有文字。本章将告诉你如何使文字与图片相搭配，充分融入到版面的设计中。
包含多段配图文字的图片
时尚的配图文字设计
从一个美观的网站所学到的
迈阿密大学文理学院的网站设计展示出——美在于细节
热情洋溢的主页设计
向网站所有的访问者致意
简洁、醒目、鲜亮
简约主义适用于任何尺度
组织好名片上的元素
明信片的设计
大图配小字或小图配大字，任一组合都很完美
在名称里放置图片
文字与图片配合，比单独使用文字效果更好
功能美
平面设计精彩案例
确立主题
一张简单的图片可以成为视觉焦点，为版面奠定色彩基调，并保持设计的一致
怎样设计叙事型宣传册
折叠—展开—一张简单的纸变身为迷人的故事册
模板：叙事型宣传册
怎样设计袖珍宣传册
八小页讲述丰富的内容
模板：袖珍型宣传册
小的新闻简报，大的阅读空间
半页大小的版面易于设计并能给人留下深刻的印象
设计“图片式”图表
怎样设计名片
只需一张图片和一点文字就能制作出一张精美的名片
怎样设计纯文字标志
灵活利用文字本身的样式
小小网站，版式非凡
这种简单漂亮的网站首页设计是自由职业者和小公司的理想选择。
模板：小版网页
怎样设计美观的网页标头
用简单的方法——分区来创建一个迷人的标头
怎样设计PPT演示幻灯片
保持视觉简洁，使演示更生动
怎样为演示幻灯片配图
图片赋予文字情感，你的观众能感受到
怎样设计全景式宣传册
它介于书籍和杂志之间，横版版式通常易于设计
模板：全景式宣传册