新媒体信息编辑课件（共10章）5新媒体图文排版

新媒体图文排版第5章若说标题是引导用户点开一篇文章的重要因素，则具有视觉冲击力的排版就是留住用户继续阅读的关键所在。合理地规划图文版式不仅仅能够美化页面，还能让用户在浏览页面的过程中轻松、愉悦地获取信息，从而提升用户的阅读体验，进而提高页面的点击率和停留时长。本章将介绍新媒体图文排版方面的相关知识。了解处理文案与图片关系的方法。了解常用的图文排版工具有哪些。掌握使用135编辑器进行图文排版的方法。掌握提高图文版面美观度的技巧。学习目标Contents目录处理文案与图片关系的方法1如何提升图文版面美观度3新媒体图文排版工具与方法2一、处理文案与图片关系的方法01强化图片和文案的对比运用对比色和互补色强化图片和文案的对比在图文设计中，经常用到的经典配色有青色与红色、黄色与蓝色、黑色与白色等冷暖色的对比。一、处理文案与图片关系的方法01强化图片和文案的对比在进行页面设计时，可以根据页面表达的主题来选择页面的主色调，然后在小范围内使用另一种颜色进行搭配装饰，这样可以让页面形成强烈的视觉冲击力，快速抓住受众的眼球。一、处理文案与图片关系的方法01强化图片和文案的对比除了运用色彩来制造对比效果外，对文字进行巧妙的字体设计同样可以形成对比效果在选择字体时，可以通过使用与背景图片相融合的字体来制造视觉落差感。若页面的背景比较空洞，可以选择使用带有设计感的字体；若页面的背景比较浓郁，可以使用简约型的字体。一、处理文案与图片关系的方法02弱化背景通过局部模糊来弱化背景能够改变图像中的视觉焦点，让主体形象更加突出。同时，将文案添加至模糊区域内，可以使文案从杂乱的背景中抽离出来，从而增加文字信息的可读性。一、处理文案与图片关系的方法03图文合一图片与文字交错式搭配能让图片与文字形成一种互动感，还能让页面产生一种空间感。一、处理文案与图片关系的方法04标签式设计在实际设计时，标签的大小需要从画面的美观度、文字数量、背景图案和版面的平衡等多种因素进行考量。标签式设计是指将少量的文本信息整合到一起，将文本置于矩形框内或在文本之上添加一个色块，形成产品标签的形式，从而将受众的注意力集中在标签上Contents目录处理文案与图片关系的方法1如何提升图文版面美观度3新媒体图文排版工具与方法2二、新媒体图文排版工具与方法常用的图文排版工具1使用135编辑器进行图文排版2二、新媒体图文排版工具与方法1常用的图文排版工具秀米秀米是专门为微信公众号文章提供文本内容美化的图文编辑工具，为用户提供了多种风格的排版模板，同时用户也可以自己创建新的图文版式。除此之外，秀米还可以生成长图和贴纸图文，秀米图文链接（图文分享页面）本身也可以作为一个独立的内容传播页面。秀米新建图文版式页面二、新媒体图文排版工具与方法1常用的图文排版工具135编辑器135编辑器是一款功能强大、极易上手的在线图文排版工具，提供了丰富的排版样式、模板和图片素材，并拥有秒刷、一键排版、全文配色、云端草稿、企业定制等强大功能。135编辑器图文排版工作界面二、新媒体图文排版工具与方法1常用的图文排版工具i排版i排版是一款高效、简洁、美观的图文编辑器，其操作界面简洁，拥有很多原创素材，支持全文编辑、实时预览、一键切换样式、一键任意追加签名等。i排版图文排版界面二、新媒体图文排版工具与方法1常用的图文排版工具壹伴壹伴是一款能够增强公众号编辑器功能并显著提高排版效率的浏览器插件。安装此插件后，用户可以高效地完成微信排版、多公众号管理、定时群发、一键图文转载、GIF动图一键上传、公众号数据分析、公众号运营等工作，是公众号管理的得力助手。壹伴的排版功能二、新媒体图文排版工具与方法1常用的图文排版工具新媒体管家新媒体管家是一款可以辅助管理新媒体账号的插件，支持微信公众平台、今日头条、一点资讯、微博、知乎、网易媒体平台、搜狐开放平台、企鹅媒体平台、UC大鱼号、简书、百度百家等多家新媒体平台。此外，它可以让用户直接在微信公众号的后台完成文章的找图、修图、编辑和排版等工作，帮助用户节省工作时间。新媒体管家抓取图文功能二、新媒体图文排版工具与方法1常用的图文排版工具除了以上介绍的几款图文排版工具外，还有其他一些新媒体图文排版工具，如96微信编辑器、新榜微信编辑器、易点微信编辑器等，大家可以根据个人喜好选择使用。二、新媒体图文排版工具与方法2使用135编辑器进行图文排版Contents目录处理文案与图片关系的方法1如何提升图文版面美观度3新媒体图文排版工具与方法2三、如何提升图文版面美观度01文字与背景颜色对比要明显在浅色的背景上要使用深色的文字，在深色的背景上要使用浅色的文字文字颜色与背景颜色对比不明显文字颜色与背景颜色对比明显三、如何提升图文版面美观度02字体要与页面风格相符粗体给人以厚重的感觉细体给人以高冷的感觉三、如何提升图文版面美观度03控制字体种类的数量通常来说，同一个页面中字体的种类不宜超过3种三、如何提升图文版面美观度04对齐方式要统一左对齐方式符合大众的阅读习惯，给人一种亲切、自然的感觉右对齐方式会让页面显得有格调，带有时尚感居中对齐方式会让页面显得端庄优雅，整体感强，读者在阅读时可以更好地集中视线菱形对齐方式比较有趣味性，会让页面显得别具一格。三、如何提升图文版面美观度04对齐方式要统一要注意页面的对齐方式要统一，这样会让文字排版显得井然有序，读者阅读起来会更加流畅如果在页面中应用多种对齐方式，可能会让页面显得杂乱无章三、如何提升图文版面美观度05文字字号要有层级区分标题的字号可以设置为16px、18px、20px正文的字号可以设置为14px、16px注释的字号可以设置为12px、14px标题、正文、注释最好使用不同的字号，让文章内容有层级区分三、如何提升图文版面美观度06设置合适的行距行距是指每行文字之间的距离。通常来说，行距是随着字体大小的变化而变化的。在正文中，将行距设置为字号的1.5～1.8倍所带来的阅读体验是比较舒服的。若字数较少，则可以将行距设置为字号的2倍。三、如何提升图文版面美观度07设置合适的字符间距因为文字内容过长或版面的限制而选择压缩字符之间的间距来控制文本的长度，其实这是一种不明智的做法。如果字符之间的间距过小，就会让文字显得拥挤，影响读者的阅读体验。三、如何提升图文版面美观度08设置合适的行宽行宽是指一行文字的宽度。若一行太长，则难以换行，且容易让读者产生视觉疲劳。三、如何提升图文版面美观度09注意同一个页面中各个元素的亲密性根据亲密性原则，通过设置不同的间距，将存在关联的标题、正文和图片分成一组，这样可以让各个元素之间的关系一目了然遵循亲密性原则的图文版式页面中标题、正文、图片之间的间隔一致会让读者产生困惑，无法准确地区分标题、正文与图片之间的关系，严重影响读者的阅读体验未遵循亲密性原则的图文版式三、如何提升图文版面美观度10设置合适的留白留白并非是随意地在页面中制造空白，留白时需要注意各个元素之间的连续性遵循连续性的留白未遵循连续性的留白三、如何提升图文版面美观度11合理使用装饰性元素添加的装饰性元素只是为了填充空白，不能喧宾夺主添加的装饰性元素要合理，要与页面中的内容有关联不合理的填充合理的填充三、如何提升图文版面美观度12合理使用底纹文字添加底纹文字，就是在背景中增加相关的英文单词或文字。在添加底纹文字时一定要注意，