版式基础 版式设计思维、技术与实践

飞乐鸟（红糖美学）出品，一本书吃透版式设计：10种设计法则+5大方面原理解析+6大领域实战案例，解决设计中难题，让设计变简单

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

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

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