网络编辑1 图文排版策划 教案-2-3-1图文排列策划.docxVIP

模块 3 标题: 图文排列策划 讲课方式 讲授 教学目标 熟悉版面排列的基本原则 熟悉版面排列的常见方式 掌握图文排列技巧 教学重点： 版面排列的基本原则 图文排列技巧 难点： 教学内容 备注 1、 版面排列的基本原则是： （1）、有规律：每个部分都循规蹈矩，不散乱。? （2）、有活力：排版可灵活多变，不闷场。? （3）、有个性：有鲜明特点，看完后别人还记得你。 版面内容丰富是网络宣传鲜活的象征。要达到这样的效果，不仅要收集大量图文资源，更多的在于版面设计符合人的视觉体验，符合视觉流程。 2、 版面排列的常见方式 （1）、图文左对齐排列 （2）、图文居中排列? （3）、对称 （4）、居右对齐 3、 图文排列技巧 3．1 突出主题 一般情况下，排版的文档会分为主题、副标题、主题装饰英文、正文段落。若希望阅浏览者感觉浏览方便快捷，那么图文排列主要要注意以下要点，第一，主题是唯一性的，主题要突出，视觉中心要稳定，没有更多的东西来抢眼。第二，文字分布合理，行列分明，间隔适中。? 主题的突出有几种方式，其中常用到的有字号加大加粗，加大到整个画面文字字号是最大的。还有色彩加重或者加艳。颜色越重，字显得越突出，例如黑色，深蓝、深红等深颜色。同样的最深的颜色要与较浅的颜色分辨开来，而且要拉大差距。 另外，副标题通常是丰富主题的角色，它们既要让主题看上去不单调，但同时又不能抢主题的风采。 3．2 图文设置技巧 1、正文的排列方式取决于字符大小，段落的宽幅和行距段距。一般正文字符大小在8号左右，这样不会让正文的文字很突兀。一个段落的宽度文字过长，再换行去看另外一行就很难找到接下一行的文字。 2、对于图文排列最典型的案例就是采用“九宫格构图”。“九宫格构图”，也叫井字构图。 九宫格如图：将版面以“井”字形均等的分为九份，排版时将主题文字主题景物放在九等份的交叉点上，使主体自然成为视觉中心，具有突出主体，并使画面趋向均衡的特点。 确定了画面的位置大小，严格的执行每个方格之间的距离，上下左右均匀线框是骨架，很简单有条理。排放，线框是骨架，很简单有条理。 4、移动端图文排列注意事项 在桌面端Web的传统领域我们已有很成熟的文字排版经验，在移动时代，这些经验很多依然有效，但因显示设备与使用环境发生了变化。 （1）大小反差 桌面端我们的眼睛离屏幕较远，而在移动端则相反，移动端屏幕较小，容纳的文字也较少，同等的字号差异在小屏幕上的感受会被放大，因此我们应该在移动端使用较小的字号反差。 （2）颜色反差 移动设备使用环境复杂多变而不局限在室内，可能在室外，甚至暴露在强烈的阳光下，应确保文字在背景中不会识别困难，即使是色弱者也可以正常阅读。WCAG 2.0中建议的两者颜色反差比应该高于4.5:1（AA级），才能确保更多人及环境都可以轻松阅读。 教学过程（案例） 1．图文左对齐排列 2．图文居中排列 3．对称 4、居右对齐 ?版面结构布局有四大基本排版方式，使用得最频繁的就是左对齐。这种以主线为基准，左对齐的方法十分便于阅读，我们自古以来就是采用左对齐的方法书写文字，它的使用源于方便美观这一传统观念。 教学方法 思考或作业: