本节简介:了解版面中的——布局之美、图形运用、字体设计的基本概念;通过小部分案例的讲解深入理解概念。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
【具体设计】1.文字排版;2.图形排版;3.标题设计;(1)最多只能用三个字体(错落有致,突出重点);(2)分清主次,先后出击(合理布局,规整匀称);(3)少就是多(无论内容多少,少即是多);(4)把字体当图形设计;(5)让文字有亲和力;(6)动静有致;(7)明暗处理;(8)用眼睛测量;(9)制作素材;(10)对称是祸害
2.框、圈:“框”更清晰的展示不同模板的内容;“框”作为独立模块与其他内容对齐;“框”将文字和图片包围起来很规整 ;用“圈”将重点内容排版出来。
【布局之美】:距离之美(边距、行距、段距);对齐之美(边距对齐、模块对齐、等距分布);对称之美(上下对称、左右对称);留白之美(让画面有种透气感,既要彰显意境美,又要画面不失重)。
【具体设计】1.文字排版;2.图形排版;3.标题设计;(1)最多只能用三个字体(错落有致,突出重点);(2)分清主次,先后出击(合理布局,规整匀称);(3)少就是多(无论内容多少,少即是多);(4)把字体当图形设计;(5)让文字有亲和力;(6)动静有致;(7)明暗处理;(8)用眼睛测量;(9)制作素材;(10)对称是祸害
3.面、色块:(1).面设计出整体内容页的版面:在有颜色的背景上面,设置两层有透明度的白色的“面”,从而形成逻辑区域效果;(2).用色块展示不同的模块内容:不同颜色表示不同章节,每个章节使用相同颜色并列展示;(3).色块和图形形成模块区域效果,很规整:要注意色块的颜色和图片颜色是接近的; (4).色块与图形搭配运用形成win8风格
2.框、圈:“框”更清晰的展示不同模板的内容;“框”作为独立模块与其他内容对齐;“框”将文字和图片包围起来很规整 ;用“圈”将重点内容排版出来。
【布局之美】:距离之美(边距、行距、段距);对齐之美(边距对齐、模块对齐、等距分布);对称之美(上下对称、左右对称);留白之美(让画面有种透气感,既要彰显意境美,又要画面不失重)。