读书笔记-版面设计的原理(伊达千代)

——第一章. 建立理解——

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. 强调色的用法(突出颜色差异)

   色相对比

   彩度对比:高彩度与低彩度

   明度对比

   补色对比

   面积对比:同一颜色,面积小更浑浊

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值