版式设计是一门结合理性分析与感性审美的综合学科，如果盲目地进行设计，没有遵循版式设计规律，所产生的效果不会很好。而这本集版式、色彩理论与实战案例演练的设计书籍，将是你从设计小白直达版式高手的秘籍。
本书共有12章。开篇介绍了10种拿来即用的版式设计法则，让读者快速了解版式设计的基本法则；接着从版式设计的构成法则、文字、图片、网格、配色五个方面，全面讲解版式设计原理；最后则是跨平台设计实战案例篇，结合当下的热门设计案例，使读者能够全面理解案例的设计过程。详实的技巧解答帮助读者解决设计中遇到的困惑；丰富的成功案例有助于提升审美和设计能力。
本书理论简明易懂、案例丰富实用，适合入门学习设计的读者，对于没有版式设计经验，或者有一定基础但急需提高设计水平的读者来说，本书是不错的选择。
红糖美学是由国内一线美学设计师联合发起的创作型团队，专注于插画绘图、内容创作、产品设计等，拥有13年通识美学领域经验，致力于挖掘、再造、创新中国传统文化的美学表现，通过图书、文创等产品形式传播设计美学，使用户能够充分地观察美、感受美。红糖美学以“精研中国文化，重塑美学设计”理念为目标，致力于创造高品质国潮美学产品，提升用户的美学生活力。代表作有《国之色 中国传统色彩搭配图鉴》《华之色 纹样里的中国传统色》等，并有多个图书版权输出到日本、韩国及欧美的多个国家和地区。
图片素材获取与授权：htmx@feileniao.com
设计小白快速入门
法则 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 0 4 直白的解说家—图片
SECTION 1 调整图片尺寸使版面张弛有度
·放大含有重要信息的图片
·缩小图片，让留白增加透气感
·运用图片出血增强感染力
SECTION 2 多种图片组合打造更具吸引力的版面
·井然有序地展示大量图片
·增大图片的视觉张力
·打破规则增添趣味感
SECTION 3 结合图片内容排出灵活的版式
·学会利用图片本身的动感
·使用满版图片增强氛围
·图片退底使版面通透灵活
SECTION 4 图片的适当裁剪让表达更清晰
·图片的分辨率与裁剪
·通过裁剪突出图片主体
·通过裁剪删除多余的图像
·根据版面的编排方式对图片进行裁剪
Chapter 05 版式的“骨架”—网格
PSECTION 1 初识网格系统
·什么是网格
·网格系统的重要性
SECTION 2 丰富的网格类型
·稳定平衡的对称式网格
·生动灵活的非对称式网格
·基础编排的基线网格
SECTION 3 网格的应用
·分栏与分块
·如何在有限网格中灵活编排
习题
CChapter 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 网页版式设计
PSECTION 1 网页版式设计必知必会
·网页设计的特点
·网页的版式编排特点
SECTION 2 实战案例解析
·购物网站网页设计
·音乐网站网页设计
·图库网站网页设计
SECTION 3 优秀网页版式设计欣赏
习题
Chapter 09 海报版式设计
SECTION 1 海报版式设计必知必会
·海报设计的特点
·海报的版式编排特点
SECTION 2 实战案例解析
·幼儿园招生海报设计
·电子乐演出宣传海报设计
·个人艺术展宣传海报设计
SECTION 3 优秀海报版式设计欣赏
习题
Chapter 10 DM单版式设计
SECTION 1 DM单版式设计必知必会
·DM 单设计的特点
·DM 单的版式编排特点
SECTION 2 实战案例解析
·城市之泪环境宣传 DM 单设计
·宠物之家 DM 单设计
SECTION 3 优秀 DM 单版式设计欣赏
习题
Chapter 11 包装版式设计
PSECTION 1 包装版式设计必知必会
·包装设计的特点
·包装的版式编排特点
SECTION 2 实战案例解析
·咖啡袋版式设计
·果醋包装版式设计
·早餐谷物牛奶包装版式设计
习题
Chapter 12 图书杂志版式设计
SECTION 1 图书杂志版式设计必知必会
·图书杂志设计的特点
·图书杂志的版式编排特点
SECTION 2 实战案例解析
·美妆杂志内页版式设计
·旅游杂志内页设计
SECTION 3 优秀图书杂志版式设计欣赏
习题
书单推荐
