版型研究室：学会平面设计中难懂的数学题＆美学逻辑，最基础的版型理论 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

原文作者： Gavin Ambrose, Paul Harris

图书标签:

• 平面设计
• 版式设计
• 排版
• 设计理论
• 美学
• 数学
• 逻辑
• 视觉传达
• 书籍设计
• 基础教程

　　英国超级设计书作者，逾四十本着作中最畅销书目
　　美国平面设计院校爱用基础教科书
　　不只是网格，更学会如何放图、抓节奏、掌握视觉之钥

　　做完版面练习题，让你功力大增！
　　不能只是模仿，你需要知其所以然
　　基础法则+实务练习的扎实演练

　　▌没搞懂，永远做不出好设计，本书将教你
　　‧你的平面设计让人眼神涣散？〉〉〉本书教你人们的「视觉热点」落在何处
　　‧版面上字体太多，难以协调？〉〉〉利用弗鲁提格表的「数值」精确选取字体
　　‧你的版面被网格綑绑了吗？〉〉〉打破网格前，先将古今经典网格重学一遍
　　‧版面很好，但就是缺乏特色？〉〉〉其实排版也可以创造「叙事」
　　‧翻书也能翻出节奏感？〉〉〉模仿乐谱节奏的版面步调
　　‧是什么锁定了你的视线？〉〉〉原来「圆圈」是视觉上最有力的几何图形
　　‧书籍版面如何设计？〉〉〉先来了解各国的书籍尺寸换算吧
　　‧如何呈现多重资讯与表格？〉〉〉利用排列的「方向」，资讯与表格读起来也能很有趣
　　‧不想水平或垂直呈现文字或图像？〉〉〉「特殊角度」的排列方式，也有通则
　　‧文字与图像互相抢戏？〉〉〉版面元素间的「阶层关系」，所有细节一次学

　　大部分的书，只教你如何模仿版型，但这一本却解释好设计，背后运用了哪些强大的「基础原则」。逾300张图片，集合全球古今的领先排版范例，提供最基础的理论系统及应用。为什么大家会对某个版面有反应，对另一个版面却没感觉？为什么这个字体比另一个更合适？本书要谈的是引导排版的整体原则，和这些原则的形成背景，并将设计中需要精确的数字计算，具体图解，一看就懂。

　　▌带你学会平面设计中必懂的数学题
　　‧算出黄金分割「8：13」的古典视觉平衡
　　‧突破黄金分割：范‧德‧格拉夫9 × 9网格
　　‧柯比意模矩：以人体的各部位尺度，度量出的和谐网格
　　‧画面的三等分原则：寻找人们的「视觉热点」　
　　‧利用「根号矩形」算出你的页面尺寸
　　‧利用网格算出精确的字体大小跟行距
　　‧非水平置放的文字或图像，「角度」如何计算
　　‧利用「弗鲁提格表」找出最适配字体的「数值」

　　▌彻底搞懂！让我们重新学习网格
　　网格是版面设计的基本，也是最重要的骨架；但网格到底是为你的设计带来活力与指引，还是为你的设计加诸重重限制？

　　从经典黄金分割、范‧德‧格拉夫网格、到近代Jan Tschichold重新诠释的黄金分割、柯比意模矩、以及Karl Gerstner的多栏网格，从古典网格的「几何方法」到现代网格的「线性测量」。现代网格的测量方法拥有前所未有的精确度与理性，而古典网格的几何方法，也能为你的版面带来启发，在一片理性计算的网格中闪现灵光。

　　▌每个名作，背后都有强大的「基础原则」
　　从画作《戴珍珠耳环的少女》学「视觉热点」、从英国唱片公司EMI总部「Old Vinyl Factory」学「基本几何图案」的方法学运用、再到《一九八四》的新版封面学「单一色块」的巅覆使用、以及从安藤忠雄建筑事务所的型录看到「留白」的力量。

　　本书收录古典大师以及现代重要设计师的平面设计典范，领域横跨古典画作、建筑设计、环境识别、书籍封面、内页设计、海报设计、型录设计、展览陈列、食品标签、产品包装、萤幕介面设计。

好的，根据您的要求，我将为您创作一本全新的图书简介，该图书与“版型研究室：学会平面设计中难懂的数学题＆美学逻辑，最基础的版型理论”的内容完全无关。 --- 图书名称：数字时代的叙事革命：从零开始构建高效交互体验 作者：[此处填写虚构作者姓名] 图书简介： 在信息爆炸与屏幕无处不在的当下，设计早已超越了静态的美学呈现。它成为连接用户、传递价值、解决实际问题的核心驱动力。我们正处在一个“交互即内容，体验即产品”的时代。然而，许多设计师和产品开发者在面对日益复杂的数字生态时，常常感到迷茫：如何将冰冷的逻辑代码转化为流畅、直观且令人愉悦的交互体验？如何设计出既美观又能在海量信息中脱颖而出的产品界面？ 《数字时代的叙事革命：从零开始构建高效交互体验》正是为此而作。 本书并非专注于传统的图形构图或色彩理论，而是将目光聚焦于数字产品设计的核心——用户心智模型、信息架构与交互逻辑的构建。我们深入探讨如何像叙事者一样，引导用户完成任务、理解复杂信息，并最终实现行为转化。 内容精要： 第一部分：理解用户心智与数字时代的认知负荷 在本书的第一部分，我们首先要打破“视觉优先”的传统误区。我们不是在设计一幅画，而是在构建一个功能系统。 心智模型的构建与映射： 用户如何理解我们设计的界面？我们详尽分析了詹姆斯·吉布森的“可供性”理论在UI/UX中的应用。探讨了用户在面对新界面时的预期建立过程，以及如何通过视觉暗示（Affordance）和反馈机制，让用户无需思考便能自然操作。 认知负荷的量化与最小化： 现代人面临极高的信息压力。本书提供了一套系统的评估方法，用于量化界面上的认知负荷，并介绍了“杰克逊五原则”在简化操作流程中的实践，确保用户能以最小的精力完成最高效的任务。 情绪化设计与用户留存： 交互不仅仅是功能实现，更是情感连接。我们引入了唐纳德·诺曼的“情感化设计”理论，探讨如何通过微交互、动态反馈和个性化路径，在用户与产品之间建立积极的情感联结，从而提高长期粘性。 第二部分：信息架构的艺术与“扁平化”的陷阱 信息架构（IA）是数字产品的骨架。如果骨架松散，再华丽的视觉包装也无法拯救一个难用的产品。 从迷宫到地图：构建清晰的层级结构： 我们摒弃了学院派的抽象理论，转而采用实际案例分析，讲解如何通过卡片分类法（Card Sorting）、树状测试（Tree Testing）等实用工具，科学地组织内容层级。重点剖析了标签系统（Labeling System）的设计原则，确保术语的一致性和可理解性。 导航哲学的辩证： 在超链接和无限滚动的时代，导航设计面临新的挑战。本书深入比较了全局导航、局部导航、上下文导航的优劣，并提出了在“深层结构”与“扁平结构”之间找到平衡点的策略。如何避免“信息孤岛”和“迷失在深处”的困境，是本章的核心。 数据可视化中的叙事力量： 当数据成为关键信息时，如何呈现它？本书教授如何选择正确的图表类型（而非仅仅是炫技），以及如何利用视觉变量（颜色、大小、位置）来突出关键叙事点，让数据开口说话。 第三部分：交互流程的设计与状态管理 一个好的交互体验，就像一场精心编排的戏剧，每一步都有明确的目的和连贯的过渡。 原型构建：从低保真到高保真的心路历程： 我们详细介绍了不同保真度原型工具的应用场景。重点在于理解“为什么”要用线框图，以及如何利用原型来快速验证和迭代用户流。书中提供了大量关于如何编写有效的用户故事（User Story）和验收标准的模板。 状态管理与反馈回路的闭环： 用户的每一个动作都需要即时、清晰的反馈。本书系统梳理了加载状态、错误状态、空状态（Empty State）和成功状态的设计规范。探讨了如何通过巧妙的动画和过渡效果（Transition），让等待不再令人焦躁，实现“无缝体验”。 适应性与无障碍设计： 优秀的交互是普适的。我们不仅关注主流用户，更深入探讨了如何将WCAG（Web Content Accessibility Guidelines）标准融入日常设计流程，确保键盘导航、屏幕阅读器兼容性以及色彩对比度的最优设置，实现真正的包容性设计。 第四部分：设计系统的前端实现与效率飞轮 在团队协作和快速迭代的背景下，设计系统是保证一致性和效率的基石。 原子设计方法论的实战部署： 我们将介绍布拉德·弗罗斯特（Brad Frost）的原子设计（Atomic Design）理念，将其拆解为组件、模块、模板和页面五个层级，并讲解如何在设计工具和代码库之间建立有效的桥梁。 组件的生命周期与文档化： 设计系统的价值在于其“可复用性”。本书详细阐述了如何为组件编写清晰的文档，包括状态变化、使用场景禁忌（Do’s and Don’ts），以及如何管理组件的版本迭代，确保设计与开发的同步。 衡量与迭代：数据驱动的设计循环： 交互设计不是一劳永逸的。本书的最后一部分将重点放在如何设置关键绩效指标（KPIs），如任务完成率、点击深度、停留时间等，并通过A/B测试不断优化用户旅程，将设计过程转化为一个持续学习和进化的飞轮。 目标读者： 本书面向所有致力于提升数字产品体验的专业人士：初级和中级UI/UX设计师、产品经理、交互设计师、前端开发者，以及对用户体验抱有浓厚兴趣的创业者和学生。无论您是刚刚接触设计领域，还是已经在行业内摸爬滚打多年，都将能从本书中找到系统化、可落地执行的指导方针，学会如何真正“设计体验”，而非仅仅是“装饰界面”。 ---

作者简介

加文．安布罗斯 Gavin Ambrose

　　平面设计师及设计教育家，合作客户包括：艺术单位、画廊、出版社及广告公司。

　　目前任教于英国布莱顿大学（University of Brighton），为设计科系学生和专业人员，着有40本以上倍受推崇的书籍，包括《制作出版手册》（The Production Manual）、《视觉传达的设计思维》（Design Thinking for Visual Communication）、《设计天才》（Design Genius）、《平面设计的基本》（Basics Graphic Design）以及《平面设计图解辞典》（The Visual Dictionary of Graphic Design）。本书为其中最经典且畅销之书目。

保罗．哈里斯 Paul Harris

　　毕业于London College of Communication，自由作家兼编辑，作品广泛刊载于欧美杂志和期刊。担任无数设计相关书籍的共同作者及合作者，与Gavin Ambrose合着一系列基础设计专书。

译者简介

庄雅晴

　　台北人，纽约客，花卉馆毕业生，莎慕瓦老朋友，文字与手作迷，土拨鼠观察家，自由译者。
 

Introduction│前言 
 
Chapter 1│Historical Context 历史背景
历史背景 Historical Context
数值与比例 Numbers and Proportion
黄金分割 The Golden Section
范‧德‧格拉夫准则 The Van de Graaf Canon
维拉尔‧德‧欧内库尔图形 Villard de Honnecourt's Diagram
费波那契数 Fibonacci Numbers
从优数 Preferred Numbers
特殊数字 Special Numbers
柯比意 Le Corbusier
 
Chapter 2│Basic Principles and 'Rules
叙事：阅读内容 Narrative – What We Read
阅读页面的方式 How We Read a Page
节奏 Pace
图案与造型 Pattern and Form
页面上的形状 Shapes on a Page
点与圈 Dots and Circles
线条 Lines
平衡 Balance
相对与绝对测量 Relative and Absolute Measurements
动态矩形 Dynamic Rectangles
比例 Proportion
国际标准化组织 ISO
书本尺寸 Book Sizes
 
Chapter 3│Grids and Formations 网格与构形 网格与构形
网格的构造 Anatomy of a Grid
萤幕上的网格 The Screen-based Grid
网格 The Grid
栏 Columns
书沟与栏间 Gutters and Alleys
场区或模组 Fields or Modules
基线网格 The Baseline Grid
动态元素 Dynamic Elements
多栏网格 Multi-column Grids
方向 Orientation
角度 Angles
横列 Broadside
强调 Emphasis
 
Chapter 4│Objects on a page 页面上的物件
页面上的物件 Objects on a page
版面设计词汇 The Vocabulary of Layout Design
炼金术还是研究应用？ Alchemy or Studied Application?
并置 Juxtaposition
字体排印 Typography
行距与字型 Leading and Fonts
断字与对齐 Hyphenation and Justification
对齐 Alignment
内缩 Indentation
阶层 Hierarchy
行宽 Measure
层次 Layers
留白 White Space
质地与排字色调 Texture and Typographic Color
衬边 Passepartout
 
Chapter 5│Interviews 访谈
鲍伯‧奥福第许 Bob Aufuldish
奥福第许与瓦利纳 Aufuldish & Warinner
安妮特‧史达默 Annette Stahmer
飞行粒子 fliegende Teilchen
南西‧斯科勒斯与汤玛斯‧威代尔 Nancy Skolos and Thomas Wedell
斯科勒斯-威代尔 Skolos-Wedell
彼得‧道森 Peter Dawson
层级设计Grade Design
麦可‧沃辛顿 Michael Worthington更真？感实性时代的艺术／More Real? Art in the Age of Truthiness
大卫‧皮尔森 David Pearson／字体图像Type as Image
 
Chapter 6│Exercise 练习
练习一：范‧德‧格拉夫网格 The Van de Graaf Grid
练习二：海报设计 Poster Design
练习三：编辑复杂性 Editorial Complexity
练习四：动作排版 Action Layout
练习五：平面国 Flatland
练习六：视觉叙事与记叙形式 Visual Storytelling and Narrative Form
练习七：6×6协作式活版印刷专题6×6Collaborative Letterpress Project
 
Index│索引
Acknowledgements│志谢

前言

　　本书探讨最广义的排版，举例观察排版涉及日常生活的众多元素，以及平面设计的商业操作，并展示基本原则的应用方式。交互融合是本书的中心理念，跨越熟悉的事物，便能涌现概念与灵感的泉源。

　　说到「排版」，就想到设计师排列页面上的物件、影像和字体这些常见的平面设计元素。虽然平面设计产业相当年轻，其遵循的许多原则却在上古时代就察觉了，文艺复兴时期又重新洞悉。我们熟悉印刷页面、建筑外墙、海报、电影和数位格式，然而在这些多元、丰富设计的领域背后，重点原则早已存在数个世纪。

　　这些原则将超越设计师现正面对的任何技术发展与限制，于未来世代持续使用。本书要谈的是引导排版的整体原则，和这些原则的形成背景，并非描述技术发展的确切历史及其对版面设计的影响。我们的重点将会是相关案例，像是页面尺寸选择及建立和谐平衡，还有我们安排自己日益复杂的生活时，排版担任的协助角色。

　　书中纳入各学科的概念，供艺术家、新媒体开发师及印刷设计师等人彼此沟通所需，传达各自的考量、解决手法及理念。依文艺复兴的精神，无论熟稔的或陌生的事物，都有值得深究之处，不同学科的不同实质挑战，都同样需要在实验与商业操作间取得平衡。设计师希冀为老问题、新挑战找到更好的解决方式，而许多解答的关键就在于研究前人过往发现的基础原则。

　　随着资讯经网路等媒体的自由流动持续发展，人们暴露于大量资讯与多元文化。设计也不例外，因此不但出现更多变化与实验，大家对一般事物的期待也更高。当科技进步，平面设计不再是神祕的领域，反而能触及任何人。如此一来也产生一些问题，例如：人们为何对某个版面有反应，对另一个版面却没感觉？为什么这个字体排印元素比那个更合适？重复现在或抄袭过往，并不能解决设计师的问题，但设计师了解了本书讨论的原则，便具备整个设计生涯都受用的知识。当我们进入流畅的数位媒体时代，工作、生活及媒体消费方式也不断演进。接下来二十年、十年或甚至五年，将出现什么？更重要的是，我们会给未来带来什么？
 

第二章 Chapter 2
 
基本原则和「规范」 Basic Principles and ‘Rules’
 
任何设计的过程都参照了某些特定原则，也许是刻意选择遵循，或可能存心略过或加以颠覆。整体原则代表着长久以来，设计与排版建构发展出的各式手法。
 
本节提到的原则，多年来应用在生产赏心悦目、清晰达意──这两项是每一位平面设计师都要面对的挑战──的设计。这些原则影响设计过程里最中心的决策，因为它们为空间分配提供了标准。
 
设计师对排版设计的基本原则和规范有了概括了解，就等于拥有一套经得起考验的工具，能着手于任何设计问题。更熟悉这些工具后，设计师将开始察觉到契机，有创意地背离原则，或进一步发挥原则。
 
叙事：阅读内容 Narrative–What We Read
 
叙事类型 Types of narrative
 
设计可能包含明确的叙事，为视觉沟通与个别设计元素带来意义。叙事透过排版中设计元素的选择、摆放及顺序产生。清楚明白叙事结构，对于成功的设计十分重要。
 
线性叙事 Linear narrative
 
线性叙事由刊物的开头到末尾，一页一页顺序发展出涵义。
 
双线叙事 Dual narrative
当单一作品或页面上出现超过一件叙事，则称为双线叙事，例如传达政治及环境讯息。征服者威廉于 1066 年成为英国国王，描述此故事的贝叶挂毯（Bayeux Tapestry）即为着名的双线叙事范例。主画部分呈现接连发生的历史事件，挂毯上下缘则说明当时的日常生活状况。尼可森．贝克（Nicholson Baker）1988 年的着作《夹层》（Mezzanine）是较近代的例子，内容关于一位男子在午休时间的脑中运作。男子脑中大量盘旋的想法，在作品中化为延伸的註脚文字，还经常占据页面大部分，提供第二组叙事。
 
阅读页面的方式 How We Read a Page
 
人们会直觉地经由果决扫描图像或设计，寻找参透阅览对象的切入点，试着从中撷取资讯。设计师掌握此程序为协助的话，即使相当复杂、内含许多项目的设计，也能引导观者悠游其中。
 
浏览页面 Navigating a page
 
观者总会寻觅设计的切入点，求取认识、了解的事物投以关注，并借此事物的指示找到更多资讯。人类受色彩与动态吸引，因此设计师可将设计中的元素作策略性佈置，抓住读者的注意力。
 
切入点是供观者进入设计的途径，通常位于左上方（A），因为这是我们自然会优先望向的位置。接着眼光将往中央（B）扫过，然后才朝外部（C）寻求资讯。

评分☆☆☆☆☆

《版型研究室》这本书，对我而言，与其说是一本设计书，不如说是一次关于“如何观察世界”的全新体验。它不仅仅是传授版型理论，更重要的是，它塑造了我一种新的审美观和逻辑思维方式。我开始在生活中发现版型的影子，无论是杂志的排版，网页的布局，还是甚至是一张海报的视觉呈现，我都能从中看到作者所强调的那些比例、节奏、平衡的逻辑。书中的美学逻辑部分，特别让我着迷，它教会我如何去“听”设计的语言，去感受元素之间的互动，去理解色彩和字体的“情绪”。我发现，原来一个好的设计，不仅仅是好看，更是能够与观者进行有效沟通，传达情感和信息。《版型研究室》就像一位经验丰富的导师，它不仅给了我“做什么”，更重要的是教会了我“为什么这么做”，让我从一个单纯的执行者，逐渐成长为一个更具思考力的设计者。

评分☆☆☆☆☆

作为一个初学者，《版型研究室》是我接触到的第一本真正意义上的版型理论书籍。我之前对“版型”这个词总是有点模糊，觉得它离我很遥远，似乎是专业设计师才需要掌握的东西。但这本书完全打消了我的顾虑。它从最基础的概念讲起，循序渐进，非常容易理解。我学会了如何区分不同的版型结构，以及它们各自的特点和适用场景。更重要的是，它让我明白了版型不仅仅是固定的框架，更是可以灵活运用的工具，能够帮助我们更有效地组织信息，提升设计的可读性和视觉冲击力。书中的插图和图示都非常精美，并且解释得非常到位，让我在脑海中能够清晰地构建出每一个版型的结构。我尝试着将书中学到的版型知识应用到自己的作业中，惊喜地发现，我的作品在整体的布局和元素的排布上，都有了质的飞跃。

评分☆☆☆☆☆

我之前一直在纠结，为什么自己设计的海报总感觉“差一口气”，不够专业。尝试了各种方法，看了大量的教程，但总觉得不得其法。《版型研究室》的出现，就像在我迷茫的黑夜里点亮了一盏明灯。这本书在美学逻辑这部分，给我带来了巨大的启发。它没有空泛地谈论“美”，而是深入浅出地剖析了构成“美”的内在规律。从色彩的搭配原理、字体的选择与组合，到元素的疏密关系、留白的艺术，书中都进行了系统性的梳理和解读。我尤其对书中关于“负空间”的讲解印象深刻，它让我明白了留白不仅仅是空白，更是构图的重要组成部分，能够引导视线，突出主体，营造氛围。以前我总喜欢把画面填得满满的，现在我学会了如何运用留白来“呼吸”，让设计更有层次感和呼吸感。这本书的语言非常生动有趣，没有丝毫的枯燥感，让我在阅读的过程中，不仅学到了知识，更享受到了探索设计奥秘的乐趣。

评分☆☆☆☆☆

说实话，我拿到《版型研究室》的时候，对“数学题”这三个字有些抗拒，生怕这本书会太学术化、太难懂。但事实证明，我的担心是多余的！作者真是太厉害了，他能够把平面设计中那些看似高深莫测的数学公式，转化成通俗易懂、趣味盎然的讲解。比如，关于构图中的比例问题，我以前总是凭感觉来，但通过书中的讲解，我明白了黄金分割、三分法等理论是如何科学地指导我们进行元素布局的，让画面更具视觉吸引力和动感。它让我意识到，数学并非是设计的对立面，反而是设计中不可或缺的理性支撑，能够帮助我们创造出更具和谐感和美感的作品。这本书让我的设计不再是“拍脑袋”的决定，而是有了坚实的理论基础和科学的依据。

评分☆☆☆☆☆

哇，这本书简直是打开了我对平面设计世界认知的大门！我一直以为平面设计主要靠感觉和创意，但《版型研究室》彻底颠覆了我的想法。特别是关于数学在版型中的应用，我以前看到那些黄金分割、斐波那契数列就头大，总觉得跟艺术沾不上边。但这本书用非常直观和贴近实际的案例，把这些抽象的数学概念讲得透透彻彻。我到现在还记得书里讲到的关于网格系统如何科学地布局元素，如何通过比例的控制来达到视觉上的和谐与平衡。以前看一些设计作品，总觉得“舒服”，但说不出为什么，《版型研究室》教会了我，这背后其实是有严谨的数学逻辑支撑的。它不再是枯燥的公式，而是变成了设计师手中实用的工具，让我的设计思路一下子变得清晰起来。而且，它还不仅仅是理论，书里有很多实际的设计练习和案例分析，我跟着书里的步骤一步步做，真的能感受到自己的设计能力在飞速提升。这让我觉得，原来平面设计不仅仅是“画图”，更是一门需要逻辑思维和严谨态度的科学。