排版(秀⽶)
⼀、版⾯设计
1.布局思维。秀⽶使⽤结构化编辑,区别于后台的⽂字化编辑。每⼀个模板组件都可以看作⼀块积⽊,可以⽅便地拖动,单独调整属性。
(1)设置部分内容背景。⼯具条上的背景设置按钮。背景样式有背景图(静态和动态)、背景⾊、半透明背景⾊。背景图太鲜艳,就可以将卡⽚背景⾊设置为半透明背景⾊。滑动布局设置背景⽅法类似,背景是固定住的,内容可以在背景图上滑动。
(2)设置全⽂背景。单击编辑界⾯右边⼩花按钮,在属性条中选择设置背景图或者背景⾊。
3.设置间距
(1)全⽂间距。单击编辑界⾯右边⼩花按钮,在属性条中设置⾏间距、字间距以及页边距。
(2)⽂字模块间距。⽂字间距,选中⽂字,点击⼯具条上的间距,设置⾏间距、字间距、以及页边距。段落间距,选中⽂字,点击⼯具条中的定位,输⼊段前距、段后距数值。
(3)布局间距。布局间距指的是卡⽚内部的边距,选中布局边缘,在⼯具条中点击间距。常见应⽤:制作边框、设置多重边框、多列布局之间增加空⽩。
4.定位和对齐
(1)定位。包括缩放、段前距和段后距,如果需要两个元素之间重合,可以将段前距设置为负数。
(2)对齐。有模板的对齐⽅式和⽂字的对齐⽅式。偏移是对对齐功能的补充,当选中的内容,宽度不⾜100%的时候,都可以使⽤偏移功能来调整左右位置。
⼆、添加内容
1.⽂字
主页壁纸怎么设置(1)添加⽂字。在图⽂编辑界⾯,点击顶部倒三⾓按钮,导⼊word⽂档。导⼊后,原⽂档排版格式会被清除,但会保留图⽚及⽂字。如果图⽂中的图⽚需要使⽤模板,借助秀⽶的收集图⽚功能。 如果⽂档中只有⽂字,可以直接复制粘贴到编辑区域。
(2)⽂字分段。选择需要分段的部分,点击⼯具条上的⽂字分段。或者选中⼀段⽂字,点击左边的模板,选中的⽂字段落会直接被添加上模板,同时⽂字也会被分段。
(3)格式刷。可以快速提取指定段落样式或⽂本格式,应⽤到其他段落或者⽂字上。点击选中⽂字框中的⽂字,选取格式菜单下的提取格式。提取后,在剪贴板会出现⼀个格式代码。选中需要被应⽤格式的⽂字,点击剪贴板中的格式代码。
(4)发光⽂字。⽤⼯具条中的⽂字阴影来制作。⽂字颜⾊选取饱和度较⾼的颜⾊,⽂字阴影选取⽐较深的颜⾊。
2.图⽚
(1)添加图⽚。将图⽚上传⾄我的图库后再添加。在图⽂编辑页⾯,点击⼯具条上格式中的插⼊符号。如果需要将图⽚直接插⼊到⽂字之间,先在秀⽶设置中勾选“⽂字内可以插⼊⼩图⽚”选项,之后就可以插⼊图⽚到⽂字中了。图⽚模板中的图⽚和贴纸都可以替换,注意带透明像素的png贴纸要⼩于40K,否则透明像素会被填充。要替换模板中的图⽚,直接点击图库的图⽚。同步到时图⽚会被压缩,为确保清晰度,同步时勾选使⽤原图,且图⽚宽度控制在在640-1280px,⾼度控制在4000px内。
(2)图库管理。图⽂制作完成且保存后,删除图库中图⽚对当前内容没有影响。可以对图⽚打标签,便于后期管理,也可以直接在标签下上传图⽚。
(3)调整⼤⼩。如果图⽚是矩形类,可以直接设置图⽚的宽度,如果是圆形、半圆形等特殊图形,可以设置图⽚的缩放值,还可以直接裁剪。3.在图⽚上添加⽂字
(1)设置⽂字的定位值,将⽂字放到图⽚上。要想标题⽂字与图⽚重叠,可以设置⽂字段前/后距,如果⽂字被压在图⽚下,可调整⼀下⽂字的偏移值或稍微旋转⼀下。(技巧:可以通过设置段前/后距、偏移数值及旋转⾓度,来调整组件的上下/左右顺序。)
(2)将图⽚设为背景,在背景上添加⽂字。添加⼀个空⽩布局,点击布局边缘,设置图⽚为布局的背景图;输⼊⽂字内容,往下插⼊⼏个空⾏,撑开背景内容。
4.视频。直接插⼊视频模板,或者在其他模板中插⼊最原始的视频模板。视频只能添加腾讯视频,打开腾讯视频⽹页版,粘贴分享按钮下的通⽤代码。
5.⾳频。先将图⽂内容同步到,在编辑界⾯添加⾳频。可使⽤秀⽶中的⾳乐模板来作为放⾳频的容器。
6.SVG图⽚。可缩放⽮量图形,除了放⼤不失真的特性,还可以选中后替换颜⾊。上传SVG图⽚⽅法:⽤AI打开⽮量图,ctrl+shift+s保存,点击确定,会继续出现⼀个弹窗,左下⾓更多选项,在CSS属性⼀栏,选择样式属性,然后上传图库。
7.超链接。先选中⽬标⽂字,⽤基础⼯具条的⼿势按钮,粘贴⽹址。
三、编辑内容
1.布局
(1)基础布局。主要被⽤来划分整体版⾯。⼯具条从左到右依次为新增⼀列布局及删除当前布局、调整布局宽度、对齐⽅式、设置背景、间距、边框、阴影。
(2)滑动布局。⼀般⽤在内容较多,放置在有限空间⾥会觉得冗长情况下,可以⽤滑动布局将内容隐藏起来。以横滑⼯具条为例,从左到右依次为将模板/图⽚/收藏加⼊序列、对齐⽅式、间距、边框、阴影。竖滑与横滑不同的是需要先调整布局⾼度。
(3)表格布局。从左到右依次为增减⾏列、宽度设置、应⽤格式、对齐⽅式、背景设置、间距、边框。
2.颜⾊
(1)调⾊板。储存管理颜⾊和设置修改颜⾊两个功能。其中,储存管理颜⾊主要有设置添加颜⾊(⾃定义或模板中颜⾊)、删除颜⾊(重置调⾊板或将要移除的颜⾊拖动到调⾊板外)、批量导⼊/导出颜⾊(颜⾊代码格式rgb(255,255,255)或#000000, 批量导⼊时,⽤分号间隔)、设置颜⾊分组功能。
(2)渐变⾊。可以使⽤默认颜⾊库,也可以从⽹络上复制渐变⾊代码到秀⽶,webgradients/
3.样刊设计
即排版套路,要让⽂章的特定元素(标题、图⽚、⼆维码等)形成品牌特⾊,给读者留下深刻印象。⼀篇推送主要包含以下要素:
(1)引导关注。标题下⽅的蓝⾊名称,点⼀下就能打开关注页⾯。这个部分需要⽤⼼设计来体现品牌特⾊,引导关注。
(2)版⾸设计。平时收藏积累⼀些。
(3)段落标题。避免⽂章阅读起来过于冗长,根据逻辑结构,设置⼀级标题,⼆级标题,数字标题。
(4)图⽚。避免过于花哨。
(5)分割线。主要在语境转换的情况下使⽤,切记频繁使⽤。
(6)⼆维码名⽚。除了点击蓝字之外另⼀个重要的关注⼊⼝,⼀般在⽂末添加。
(7)⽂字格式。字号要体现内容的层级关系,基础正⽂字号建议14-16,标题18-21,注释10-12。建议正⽂⾏间距1.8,字间距⼀般不⽤,15像素的页边距相当于⽂字两边各缩进⼀个字符。主题颜⾊,⽂章的标题⽤⼀个固定的主题⾊,然后搭配不同层次的灰⾊,例如正⽂深灰⾊,注释类⽂字浅灰⾊,体现逻辑层次。对齐⽅式,长段落两端对齐,简短的浅阅读,可居中对齐。⽂字加粗,⽤在标题或正⽂中需要强调的字眼。斜体字,⼀般⽤在引⽤⽂字上,也可以⽤作强调。下划线⽤于强调或添加跳转链接。新建⼀篇图⽂后,先去设置基础格式(⼩花按钮),保证正⽂格式统⼀。
(8)⾃定义样刊。完成⼀篇⽂章的排版后点击顶部的倒三⾓,选择“将本图⽂设置为样刊”,选中常⽤的编辑模块,点击“设置成样刊模板”。
四、其他技巧
1.多选。框选或ctrl选中,多选后,可以复制到剪切板循环利⽤,可以收藏,可以整体移动。
2.收藏。收藏全⽂:顶部菜单倒三⾓,选中全部内容,⼯具条收藏。同理可收藏模板、布局,在我的收藏⾥进⾏管理。收集图⽚:顶部菜单倒三⾓,收集图⽚。
五、发布内容
1.同步到。图⽂编辑完成后可以全选复制粘贴到公众平台编辑器,也可以在我的秀⽶,进⼊同步页⾯,按提⽰操作。图⽂同步到后格式乱了,是图⽂被⼆次复制造成的,要避免这⼀问题,需保证图⽂内容都在同⼀个账号下,可以借助秀⽶的“另存”功能,或将图⽂放到团队⾥,负责推送的⼩编再保存到⾃⼰账号下。具体见秀⽶官⽅教程。
2.同步到其他平台。同步到微博,需先授权微博账号,然后直接同步到微博草稿箱,再去微博⾥操作。⽣成长图,可以在本地保存。⽣成贴纸图⽂,是把图⽂⾥带模板格式的部分变成图⽚,正⽂部分保留成⽂字,这样发布后主要内容可以被检索。
六、H5秀
H5是⼀种⽤于⽹页开发语⾔标准和规范。通俗地讲就是“可以在传播,⼿机上可以观看的掌上PPT”。秀⽶提供固定页⾯、长页⾯、背景组三种⽅式。