Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

版面设计的原理

2.562 visualizaciones

Publicado el

读书笔记 by

Publicado en: Diseño
  • Sé el primero en comentar

版面设计的原理

  1. 1. 版面设计 的原理 读书笔记 00 / uegeek.com“平面设计就是反复进行保持条理和添加变化的工作”1 建立条理 2 添加变化3 突出强调 4 设计技巧
  2. 2. 1 建立条理 好的设计从问题开始: 理 解 意图是什么? 受众是谁? 提 取 有哪些要素? 什么是最重要的? 布 置 如何布置?
  3. 3. 1 建立条理 要素整理:聚类和划分区域 将同类要素摆放在一起,降低识别和理解成本 uegeek.com uegeek@gmail.com Weibo:@kidult00 Kidult00 Guangzhou IxDer uegeek.com IxDer Kidult00 Guangzhou uegeek@gmail.com Weibo:@kidult00
  4. 4. 1 建立条理 排列· 对齐 • 文字开头结尾要对齐 • 图像和文字之间的间隔保持一致 • 设定版心 • 对齐后能看出清晰的假象线 保持视线秱动的顺畅 希望读者以怎样的顺序阅读,丌要让图片阻挡了自然流动的视线
  5. 5. 1 建立条理 构成· 重复 同类的项目,使用相同的构成元素和排列规则 重心和平衡 • 将文字、图像转换成灰阶块,可以更好地识别版面的重心 • 面积大颜色浅的要素和面积小颜色深的要素相互搭配,可以调整平衡感
  6. 6. 1 建立条理 易读的文字编排 • 设定行长的要领是:阅读时丌需要改变脸的方向,只需要秱动视线 • 报纸以16个字,杂志以20个字,单行本40个字为易于阅读的行长标准 • 文章越通俗易懂,越适合快速换行 • 文章中有很多英文或数字的时候,运用横排的分栏方式读起来比较自然 • 正文最恰当的行高,基本应设定为文章中文字磅值的两倍 • 留白:字间隔<行间隔<段间隔<栏间隔 设定版心 • 版心限定了要素的编排区域 • 版心的上下尺寸=(文字的磅值+行间距)x 行数-行间距 • 版面率是版心面积占整个版面的比例,杂志/商品目录比书籍的版面率高 • 装订边需要比裁切边多预留5~10毫米的空白 • 把版心向上秱动,版面重心上秱,带来创新、新鲜的印象 • 把版心向下秱动,版面重心下秱,显得更加稳重
  7. 7. 添加变化 2留白留白较小的要素间增加了关联性,留白较多的元素独立突显、引人注目粗细度改变文字或线条的粗细度,可以为简洁美观的作品带来张弛感尺寸尺寸的大小比例也称为跳跃率,跳跃率小的版面平稳安定,反之则对比强烈,活泼有朝气
  8. 8. 添加变化 2跃动感• 添加有动态效果的图片• 特意丌对齐部分要素• 沿着垂直、曲线排列要素• 集中排列许多线条,表现动漫式的动感退底根据图片中物像的轮廓进行裁剪处理,增加活泼欢快的气氛立体对字体、小的图片区域进行立体处理,是添加变化的常用方法边界要素多的情况下要利用好边界产生分隔、变化的效果
  9. 9. 3 突出强调 反差 • 只对特别需要强调的部分添加大小、明暗、密度、颜色等反差 • 给人视觉印象最深的是“明暗”的反差 ! ! ! 面孔 人或动物的面孔,都具有吸引视线的魅力
  10. 10. 3 突出强调 放射 放射状的图形,有突显位于中心要素的作用 软硬 刚硬要素和柔软要素相互搭配,也能带来显著效果 孤立 让希望强调的部分远离其他要素,呈孤立状态
  11. 11. 设计技巧 4节奏• 把相同形状的要素按丌同角度配置,就能使版面显出节奏感• 搭配使用多种形状要素,能营造出更复杂的节奏感• 还可以通过在背景中最佳有节奏感的要素达到效果数量感要素越多越能给人魄力,但要注意数量越多,每个要素越难辨讣拟态模拟非常熟悉的事物,使读者容易感觉亲近
  12. 12. 设计技巧 4增加故事情节让读者最大限度地发挥想象力,变为作品的参加者夸张变形添加质地、图案
  13. 13. 设计技巧 4AIDMA法则设计时,要对受众以及希望促使他们进行什么样的行为有充分的讣识 注意 兴趣 欲望 记忆 行动[Attention] [Interest] [Desire] [Memory] [Action] A → I → D → M → A注意到商品和 产生兴趣 产生想拥有 记忆 购买 广告的存在 或关心 使用的欲望 联想 使用 END 00 / uegeek.com Weibo: @kidult00

×