-多维新媒体营销-第3章课件.ppt

1、第3章新媒体图文排版技能文字是新媒体载体中最基本和最常用的元素，是新媒体信息传播的重要载体。大部分新媒体传播形式都是以文字表现形式为主的，即使是漫画或视频，也都是以文字为基础的。学会文字的排版技能对于新媒体设计人员至关重要。目录图文排版四忌图文排版的基础操作 图片排版的工具 H5 制作工具 1 2 3 4图文排版四忌忌颜色过多01 一篇文章中的文字颜色尽量不要超过三种，否则读者无法确定哪一种颜色是强调部分，导致找不到阅读重点。忌动态背景02 常见的动态背景如漫天飘落的雪花、不断燃放的焰火、循环游过的小鱼等，其最大弊端在于吸引了读者的全部注意力，导致读者的眼球随着背景而动，注意力无法集中，从而忽

2、略正文。忌风格不定03 公众号偶尔变化风格，会让读者会心一笑，感觉耳目一新。但如果推送出的每一篇文章，其字体、分割线等都不相同，会导致公众号无法呈现整体形象，读者自然记不住你的风格。将排版风格固定，可以更好地统一品牌形象，提升识别度。忌样式繁杂04 使用编辑器会接触到大量的样式，但是在使用样式时必须注意求精而不求多。过多的线条、文字框、箭头等堆砌在一起，反而无法将想要表达的内容表达清楚。图文排版的基础操作字体与字号01 不同的手机，屏幕尺寸不同，但是从视觉效果上看，合适的字体和字号可以提升读者的阅读体验。较大的字号可用于标题或其他需要强调的地方，小一些的字号可以用于页脚和辅助信息。需要注意的是

3、，小字号容易产生整体感和精致感，但可读性较差。在微信编辑器中，常用的字号为14 号、16 号。15 号并没有显示在字号选择区中，用户可以直接在字号选择区手动输入15 即可。在秀米编辑器中可以直接设置字号为15。颜色搭配02 纯黑色字体相较于白色屏幕，会形成强烈的颜色对比冲突，反差太强显得刺眼，影响读者的阅读体验，因此正文字体颜色尽量不用纯黑色（#000000）。相比之下，字体颜色使用灰色较为适宜。下面列举三个看起来比较舒服的颜色及其RGB 数值，“#000000”为默认的黑色。关于颜色的进一步学习，ColorHexa 网站提供了详细的说明，选择任何一个颜色，都可以得到这个色系的所有颜色，并以渐

4、变的形式展现，每个色块都有色值以方便使用。间距设置031.行间距 行间距是文本中上下行之间的距离。行间距的变化会对文本的可读性产生很大的影响。一般情况下，接近字体尺寸的行间距设置比较适合正文。由于默认的行间距在手机上显得较为拥挤，用户可以先按“Ctrl+A”组合键全选正文，再把行间距设置为1.5 倍或1.75 倍。1.5 倍和1.75 倍行间距的视觉效果较好。2.段间距 段间距是上下段之间的距离，包括段前距和段后距。当正文字号为15 时，正文段前距或段后距设置为10 或15 较为适合，且阅读体验较好。间距设置3.字间距 字间距是字与字之间的距离。微信自带的编辑器并不支持对字间距进行直接编辑，用

5、户需要在第三方编辑器中编辑后再复制至微信编辑后台。比较合适的字间距范围为12 像素。利用秀米编辑器排版时，单击“间距”按钮，在“字间距”文本框中输入1.5 像素。4.页边距 页边距是文字两端与页面边缘之间的距离，这里表示为文字两端与屏幕边缘之间的距离。在秀米编辑器中，单击“间距”按钮，在“页边距”文本框中输入数值为10 15 像素较为适宜。间距设置对齐方式设置04 设置对齐方式是新媒体创作者的必备技能。对齐方式在符合人们阅读习惯的同时，也要与内容的其他元素进行互动。四个常见的对齐方式是左对齐、居中对齐、右对齐、两端对齐。微信公众平台编辑器的对齐方式：从左至右分别是左对齐、居中对齐、右对齐、两端

6、对齐。在其他微信公众号文章编辑器平台中，如秀米、135 编辑器、i 排版、新榜编辑器等同样支持对齐方式的调整文字链设置05 文字链是内容链接的一种形式，以文字的形式进行呈现，读者通过单击文字实现链接跳转。从呈现效果上看，文字链比传统链接更简洁、更高效，可以避免文字与长串网址的混乱排版。实现文字链的代码如下。文字放在这里 文字链的代码适用范围包括关注自动回复、消息自动回复、关键词自动回复、微信公众号与粉丝对话界面，不适用于个人与个人之间的聊天。图片排版的工具新媒体管家Plus 01新媒体管家Plus 新媒体管家Plus 是一款帮助运营者提升运营工作效率的新媒体工具。新媒体管家Plus 插件依托于

7、主流浏览器，在安装插件的浏览器中打开微信公众平台后台，即可使用插件提供的增强功能。以360 安全浏览器为例，登录新媒体管家官网下载完成后，打开浏览器的“扩展程序”，把插件拖曳至浏览器即可安装。安装完成后，浏览器右上角会出现新媒体管家的蓝底白字图标“P”。单击“P”图标即可登录账号。新媒体管家 Plus 插件同时支持小程序、今日头条、微博、1 点资讯、企鹅媒体平台、百度百家、网易号等平台。关于排版增强功能，新媒体管家目前只支持微信公众平台。通过扫码登录新媒体管家后，再登录微信公众平台，运营者即可看到插件扩展出的各项功能，其中包括灵感中心、样式中心、采集文章等。新媒体管家Plus 关于排版增强功能

8、，新媒体管家目前只支持微信公众平台。通过扫码登录新媒体管家后，再登录微信公众平台，运营者即可看到插件扩展出的各项功能，其中包括灵感中心、样式中心、采集文章等。灵感中心位于微信公众平台后台的首页，汇聚了热点事件、题图制作、图片素材、变现渠道、数据统计、辅助工具。在图文编辑页面的左侧打开“样式中心”后，可以使用新媒体管家提供的标题、正文、关注、图文、背景等。在图文编辑页面右侧，新媒体管家提供了采集文章、导入文档、生成长图、插入图片等功能。在图文编辑功能栏中，新媒体管家新增了字体、两端缩进、表情、代码等功能。壹 伴02壹伴 壹伴提供与新媒体管家功能类似的服务，运营者通过官网下载插件并安装至浏览器即可

9、使用。熟练运用壹伴插件的功能，可以大大提升运营者的图文编辑效率。登录官网，根据浏览器提示下载并安装壹伴，安装完成后，微信公众平台后台的首页中会增加数据统计、热点汇总及单篇文章数据统计等功能。图文编辑功能栏中新增了一行编辑功能栏，其中，“一键排版”可以保存不同的排版样式，方便运营者对不同的图文采取一键排版，提高排版效率。图文编辑页面的左右两侧分别增加了样式中心和扩展功能。右侧的扩展功能中提供了导入文章、导入Word、配图中心、手机传图、生成长图、生成二维码功能，能够极大地提高运营者的排版效率。西瓜助手03西瓜助手 西瓜助手更偏重于公众号数据分析和文章采集。导航栏中新增了灵感订阅、采集库和数据看板

10、功能，已群发消息中提供了违规检测功能，一键检测历史发文是否存在违规风险及疑似违规的类型。在图文编辑页面中，西瓜助手提供了查看源码、多图排版、一键过滤、快速编辑功能。图文编辑页面的左右两侧分别提供了样式中心、导入文章、金句海报、生成长图等功能，以满足运营者的排版需求。H5制作工具 初学者对于H5 的设计可采用免代码设计平台进行，在无代码基础的情况下，通过免代码H5 设计平台，可以方便、快捷地设计H5 作品。无论读者使用哪种H5 设计平台，我们都建议用微信账号登录，这样无论是PC 端制作还是移动端制作，都方便统一账号分享，同时在微信中看到H5 作品时也免去重新登录的麻烦。“Photoshop”功能

11、作为MAKA 平台的特有功能，支持上传PSD 格式的设计图。一方面，平台素材库及模板可以满足大部分用户的需求；另一方面，针对特定需求设计PSD 图层，可以制作更加个性化的H5 界面。（3）添加动作。为每个页面设计添加素材后，接下来就可以对该素材或该页面设计动画了。单击主页面中的该元素，在功能区中可以对添加的元素进行属性设置和动作设置。动作设置有进场动画、强调动画、退场动画三种选择。（4）添加音乐。制作完成后，单击设计页面右上角的“音乐设置”按钮，可添加一段背景音乐。平台提供了大量的音乐素材可供用户选择，用户也可以单击“上传音乐”按钮上传背景音乐。（1）选择模板。MAKA 主页有大量的模板，按照

12、场景、风格进行划分，每个类目下面再根据预算情况按照“全部”“免费”“收费”和“会员免费”进行详细搜索，或按照“热门”和“最新发布”两个维度进行搜索。（2）编辑页面。选择模板后，进入H5 模板编辑页面。选择设计页面左侧的编辑功能按钮，可以进行图片搜索、版式选择、文本添加、素材添加、背景添加、照片上传、添加互动等功能。选择设计页面右侧的选项，可以对添加的元素或页面进行属性设置。设置内容包括图片设置、动作设置、图层选择、文本格式设置、背景设置等。选择设计页面中间的灰色功能键可以对添加的元素或页面进行撤销、重做、预览、页面显示大小设置、网格设置等操作。H5 的制作工具包括易企秀、we+、MAKA、兔展

13、等，设计方法相近。下面以MAKA 为例进行讲解。以上就是基于MAKA 平台的操作介绍。其他平台如易企秀、we+、兔展等，与之操作相近，不再赘述。（5）页面设置。单击设计页面右上角的“作品设置”按钮，选择“页面设置”选项，可以对当前设计的H5 作品进行滑动指示器、页码、翻页效果、自动播放的设置。（6）预览保存。单击设计页面右上角的“预览/分享”按钮，可以对当前设计的H5 进行预览。用户可以在预览界面右上角的设置作品信息栏中设置“封面”“标题”“摘要”，便于分享到朋友圈或群内时更好地展示该H5 的信息。单击设计页面右上角的“保存”按钮，然后单击“预览”按钮，扫描二维码或复制链接即可使用该H5，保存后再次编辑H5 并不影响其二维码及链接的使用。