版式设计是一门结合理性分析与感性审美的综合学科，如果盲目地进行设计，没有遵循版式设计规律，所产生的效果不会很好。而这本集版式、色彩理论与实战案例演练的设计书籍，将是你从设计小白直达版式高手的秘籍。
本书共有12章。开篇介绍了10种拿来即用的版式设计法则，让读者快速了解版式设计的基本法则；接着从版式设计的构成法则、文字、图片、网格、配色五个方面，全面讲解版式设计原理；最后则是跨平台设计实战案例篇，结合当下的热门设计案例，使读者能够全面理解案例的设计过程。详实的技巧解答帮助读者解决设计中遇到的困惑；丰富的成功案例有助于提升审美和设计能力。
本书理论简明易懂、案例丰富实用，适合入门学习设计的读者，对于没有版式设计经验，或者有一定基础但急需提高设计水平的读者来说，本书是不二之选。

红糖美学是由国内一线美学设计师联合发起的创作型团队，专注于插画绘图、内容创作、产品设计等，拥有13年通识美学领域经验，致力于挖掘、再造、创新中国传统文化的美学表现，通过图书、文创等产品形式传播设计美学，使用户能够充分地观察美、感受美。红糖美学以“精研中国文化，重塑美学设计”理念为目标，致力于创造高品质国潮美学产品，提升用户的美学生活力，代表作有《国之色中国传统色彩搭配图鉴》《华之色纹样里的中国传统色》等，并有多个图书版权输出到日本、韩国及欧美的多个国家和地区。

入门必学 拿来即用的版式设计法则
法则1 统一，拒绝散乱的页面
法则2 节奏，增加版面活力
法则3 对齐，让版面整洁清晰
法则4 平衡，营造版面稳定感
法则5 留白，增加版面格调和透气感
法则6 聚拢，让琐碎信息井然有序
法则7 层次，让阅读更高效
法则8 重复，使版面简洁统一
法则9 对比，让信息更加强烈直观
法则10 网格，处理易显杂乱的图片
Chapter 01 设计小白快速入门
SECTION 1 初识版式设计
·什么是版式设计
·如何完成一次完整的版式设计
SECTION 2 人人必知的版面构图元素
·“点”的编排构成
·“线”与空间的关系
·“面”的版面构成
SECTION 3 如何调整版面率
·增加或减少版面空白
·通过改变图像面积大小调整图版率
·改变色底颜色使版面充实
习题
Chapter 02 版式设计构成法则
SECTION 1 根据主题选择适合的构图方式
·加强画面感染力的垂直构图
·表现稳重安定的平衡构图
·表现时尚主题的倾斜式构图
·表现趣味性的曲线构图
·突出主题的三角形构图
·视觉冲击力强的聚集式构图
·轻松均衡的分散式构图
·活泼独特的坐标式构图
SECTION 2 5种视觉流程，轻松引导读者视线
·单向视觉流程
·重心视觉流程
·反复视觉流程
·导向性视觉流程
·散点视觉流程
SECTION 3 运用合适比例优化版面效果
·对比与平衡
·四边和中心点
·统一稳定的对称形式
·充满视觉美感的黄金分割比例
·打破平衡与约束的自由型
SECTION 4 不可忽视的细节调整
·统一边线，增强秩序感
·调整构图元素间的间距
习题
Chapter 03 营造氛围的关键——文字
SECTION 1 选择合适的字体很重要
·字体样式影响版面风格
·中英文字体的编排
SECTION 2 恰当的字号和间距为版面增光添彩
·印刷文字的字号规定
·结合字体设置字号和间距
·根据信息内容设置行距
·根据段落调整段间距
SECTION 3 不同文字的组合编排丰富版面
·文字的对齐方式
·增强版面吸睛力的文字编排
·文字的图形化编排
SECTION 4 文字与图片的编排规则
·统一文字和图片的边线
·安排图片和文字的位置
·图片与文字的色彩搭配很关键
习题
Chapter 04 直白的解说家——图片
SECTION 1 调整图片尺寸使版面张弛有度
·放大含有重要信息的图片
·缩小图片，让留白增加透气感
·运用图片出血增强感染力
SECTION 2 多种图片组合打造更具吸引力的版面
·井然有序地展示大量图片
·增大图片的视觉张力
·打破规则增添趣味感
SECTION 3 结合图片内容排出灵活的版式
·学会利用图片本身的动感
·使用满版图片增强氛围
·图片退底使版面通透灵活
SECTION 4 图片的适当裁剪让表达更清晰
·图片的分辨率与裁剪
·通过裁剪突出图片主体
·通过裁剪删除多余的图像
·根据版面的编排方式对图片进行裁剪
Chapter 05 版式的“骨架”——网格
SECTION 1 初识网格系统
·什么是网格
·网格系统的重要性
SECTION 2 丰富的网格类型
·稳定平衡的对称式网格
·生动灵活的非对称式网格
·基础编排的基线网格
SECTION 3 网格的应用
·分栏与分块
·如何在有限网格中灵活编排
习题
Chapter 06 版式的颜值打磨——色彩搭配
SECTION 1 色彩知识大扫盲
·色彩的基础知识
·色彩的视觉识别性
SECTION 2 利用色彩表现空间感
·烘托主题的冷暖色
·和谐统一的同类色
·增大张力的对比色
SECTION 3 色彩在不同版面中的应用技巧
·色调统一让版面更舒适
·强调色在版面中的导向性
·黑白和双色印刷让版面更具表现力
习题
Chapter 07 UI版式设计
SECTION 1 UI版式设计必知必会
·UI设计的特点
·UI设计的版式编排原则
SECTION 2 实战案例解析
·服饰网购App界面设计
·旅游App界面设计
·社交App界面设计
SECTION 3 优秀UI版式设计欣赏
习题
Chapter 08 网页版式设计
SECTION 1 网页版式设计必知必会
·网页设计的特点
·网页的版式编排特点
SECTION 2 实战案例解析
·购物网站网页设计
·音乐网站网页设计
·图库网站网页设计
SECTION 3 优秀网页版式设计欣赏
习题
Chapter 09 海报版式设计
SECTION 1 海报版式设计必知必会
·海报设计的特点
·海报的版式编排特点
SECTION 2 实战案例解析
·幼儿园招生海报设计
·电子乐演出宣传海报设计
·个人艺术展宣传海报设计
SECTION 3 优秀海报版式设计欣赏
习题
Chapter 10 DM

假设把一堆文字、图片
、符号等元素放到你面前，
让你把它们组合到一起，你
会怎么组合呢？
路人：图文依靠感觉，
随机组合……
学生：像做笔记一样，
图对应文字，划出重点……
学者：像写论文一般，
缩小图片，大段文字……
版式设计师：将视觉元
素遵循版式设计规律编排，
进行视觉调整、布局优化，
以达到更好地传达信息的目
的。
版式设计是一门结合理
性分析与感性审美的综合学
科，如果盲目地进行设计，
没有遵循版式的设计规律，
那么所产生的效果不会很好
。而这本集版式、色彩理论
与实战案例演练于一体的设
计书籍，将是设计小白直达
设计高手的秘籍。
本书共有12章。开篇介
绍了10种拿来即用的版式设
计法则，让读者快速了解版
式设计的基本法则；接着从
版式设计的构成法则、文字
、图片、网格、配色五个方
面，全面讲解版式设计原理
；最后是跨平台设计实战案
例，结合当下的热门设计案
例，使读者能够全面理解案
例的设计过程。翔实的技巧
解答帮助读者解决设计中遇
到的困惑；丰富的成功案例
有助于提升审美和设计能力
。对于没有版式设计经验，
或者有一定基础但急需提高
设计水平的读者来说，本书
是不二之选。
在本书的写作过程中，
为体现设计作品的版式效果
，书中部分案例使用了示意
文字。另外，为方便设计师
参考选色，在UI、网页设计
等电子设计作品章节中提供
了颜色的RGB色值，在海报
、DM单、包装、图书杂志
等印刷制品设计章节中，同
时提供了颜色的RGB和
CMYK色值。
衷心希望本书能为读者
提供有效的帮助，帮助大家
踏上版式设计的成功之路！
红糖美学