——第一章. 建立理解——
1. 信息的整理:受众是谁,在什么地方以怎样的方式展示,设计目的是什么,怎么才能达到这个目的。
理解——提取(重要性排序)——布置(利用特别设计突出重要,次要缩小,适当留白)
2. 贴近和远离:将同类元素贴近配置(还有一种情况:要素之间的留白也可以使文字和图片关联更紧密)
3. 排列和对齐
——文章的开头和结尾对齐或居中,文字与图片或插图的组合,图像和图像同类要素位置和大小
——版心和假想框的出现
——文字与图片间距要相等,左右对齐
4. 视线的移动
从上到下,横向从左到右,竖向从右到左(要考虑,防止视线截断)
5. 构成和重复(试用于重要度相同的要素,按一定规则编排要素,使种类繁多的要素显的整齐)
例如:没有规则的图片很混乱,但是用方框圈起来,以等间距排列,将变整洁
例如:给段落标题统一样式,或者加上统一小符号(即使杂乱的要素含有统一重复的元素)
6. 直线和曲线的灵活应用(线条用来区分要素,也能让相同类型的要素有关联)
线条区分版面容易古板生硬,做压线处理可以略显活泼
7. 中心和平衡(要分量)
分量根据面积和颜色(按灰阶)决定
如:面积大色浅和面积小色深组合
还要注意中心问题,一般选择水平居中
8. 字形和字体
粗体字不要使用磅值小的文字,防止不清晰
英文字体:同族字体更加协调
汉字的假想边框:如果标题的字间距太大应该缩小字间距
文字和英文字母,英文字号应该大一点
注意:统一的字体很整齐,但是统一字体就略显单一,可以适当变换粗细
以图片为主题的版面需要使文字紧密集中,不要占据太多
可以少量的使用特殊字体
9. 易读的文字编排
文字磅数确定(正文先确定)——每行字数设定——文章分栏
竖排1栏:适合插图较少
竖排4栏:适合不同大小插画
横排2栏:简单整齐
横排3栏:图片大小更自由
行对齐(左右对齐适合长文章)
行高和行间距:一般设为字磅值的两倍左右,明朝体行高宽一点,黑体行宽窄一点
留白顺利:字间隔 < 行间隔 < 段间隔
10. 统一线宽
使用线条宽度一致(同一版面线条不要超过3种)并与文字宽度区别
11. 对称的稳定感:中轴线对称,沿一点旋转对称,平移对称
上下对称(辽阔感)左右对称(关联性)
12. 设定虚拟边框(即版心)
版心占的面积较多叫版面率大
可以超过版心使更生动(图片超出,还有页码在版心之外)
版心高则有创意,版心低的稳重
13. 网格的灵活应用(确定网格,再插入图片和文字,同一网格可以有不同排版)
3*4网格 常用手法
2*3网格 不自由
4*6自由 自由度高但是文字太短,影响阅读
建立网格:确定版心位置(版心的上下尺寸(=(文字的磅值+行间距)*行数 - 行间距)必需符合行的位置)
版心——行——纵向分割线——横向分割线(宽一点,有利于阅读)
完全形态法则(缺失的部分将被意识补全)
——第二章. 添加变化——
1. 在建立条理的基础上,找出重点,添加变化
2. 留白可以产生对比和关联
3. 粗细线:同一字体,不同粗细
分隔线的粗细不同,将决定分重不同
4. 尺寸:为要素尺寸大小做变化,使有活力
添加对比度:可以改变图片尺寸大小,同一字块尺寸变化将版面的冲击力,差别大的尺寸贴近
尺寸大小比例称“跳跃率”跳跃率小平稳,跳跃率大活泼
5. 悦动感(打破对齐)
人的脸和视线也有方向感
要素打乱,不对齐,添加非水平,垂直的直线或曲线要素,漫画式的动态
例子1:需要阅读的文字,要沿基线对齐,其他文字可以不对齐并使用不规则图形
例子2:线条具有方向性,同一方向集中起来就有强烈的动感,图片文字再沿同一直线排版能增加动感
6. 退底
图片为四方形状,叫“角版”,增强水平和垂直的方向感,可倾斜放置增加变化
按物像轮廓裁剪图片叫“退底”,也可粗略裁剪,产生粗犷的感觉
利用其他形状进行裁剪(不同形状,不同气氛)
7. 边界(对于配置要素较多,难以使用留白或动态效果)
方法一:分割线的粗细
方法二:带状线,带颜色的“面”也可以分隔
例子:采用多种边界方法,(需要阅读的重要信息用传统的均等分隔)(强调的宣传内容则显眼的颜色)
(运用对话框则使版面添加变化)
8. 点缀
当上述难以掌握“打乱”尺度时,可以运用点缀,并且重复使用点缀元素(并适当改变重复元素大小和颜色)
9. 立体
立体感要注意光照方向的统一
例子:三维文字标题, 图片后面的阴影,透视想过的倾斜
——第三章. 强调突出——
1. 反差: 为强调特定要素,需要反差
明暗反差,尺寸反差,字体粗细反差,编排密集度反差,颜色反差(反差要特定,不能太多)
例子1:明暗反差,黑白照凸显标题并改变白色与背景融合,
例子2:尺寸反差,采用“出血”使图片超出版心,感觉庞大
2. 明暗
注意:明暗平衡,即使采用黑白也反差不大
3. 差异(用来强调特定要素)
方法:加框包围,涂满颜色,隔线区分,追加特别要素
强调长度不高则稍加点缀,强调高,则改变颜色,尺寸,文字大小,但是要避免不和谐
4. 孤立 (用来区分,也可用涂色的方法)
5. 放射
方法一:强调要素放中间,其他放射在外部(还有颜色的运用可以提高强调)
方法二:追加要素(集中线,同心圆,方向的箭头,使移动视线停止的要素
6. 软硬
刚硬(方形)和柔和(圆形,渐变)
强调部分刚硬,其他部分虚化
7. 面孔(面孔比例大可以吸引注意)
——第四章. 设计技巧——
1. 节奏:当很难变化时可以在背景上坐节奏,同一角度排列并不能制造节奏
2. 比例:改变正常比例产生视觉冲击,还可以在同一张图的不同部分改变比例
3. 数量感:多张数量产生压倒式的魄力
4. 夸张的变形:头部大点提高冲击力
5. 质地感:制造密集感和高级感,可以添加要素分量感
6. 图案
7. 拟态:拟态熟悉的事物,更亲近
8. 印刷加工
9. 增加故事情节
——第五章. 颜色搭配——
1. 颜色的视觉辨认性
色彩效果会随着背景改变
明度差不大的组合会很难辨认,加大明度差利于区别
注意在中间色调的背景中如果白色和黑色都很难辨认,那么任何颜色都很难辨认
2. 色调和谐的配色
色相不同,但是明度相同的搭配 很协调
色调和色相体系(粉淡色调,粉色调,浅灰色调,浅色调,明亮色调,高亮色调,鲜艳色调,灰色调,浊色调,深色调,深灰色调,暗色调)
例子:背景颜色,重点部分,文字颜色采用三种不同的色调,搭配得当也能维持平衡
色彩形象图
3. 强调色的用法(突出颜色差异)
色相对比
彩度对比:高彩度与低彩度
明度对比
补色对比
面积对比:同一颜色,面积小更浑浊