分享

秀米有几种布局

 欣欣向上MR 2017-08-04

秀米图文排版属于结构化编辑方式,因此每一个模板组件都可以看作是一块积木随意移动位置。而布局则是作为划分版面的框架,有了框架,模板组件才能有序地排列组合。本期教程将会介绍秀米布局的种类以及各自的用途,并提供在编辑过程中的使用思路。


秀米布局的种类


秀米有三种布局,分别为:基础布局、滑动布局(分为横滑、竖滑两种)和表格布局。这三种布局都有各自对应的工具条,区分这些工具条,可以根据在最左边的属性显示区分其功能特性。

基础布局


滑动布局


表格布局


各类布局的功能以及各自的用途


这三种布局在工具条上体现出来的不同的功能设置,也同时说明了它们不同的用途。


认识基础布局的工具条

基础布局多是单行多列布局,所以也就主要被用来划分整体版面,布局的工具条也就将这种功能更好的体现出来:


 

向左或向右新增一列布局及删除当前布局

点击需要在左/右侧添加的布局,再点击该标签,即可在当前布局下添加一列;也还可以删除当前列布局:


调整宽度

通过调整布局宽度来调整布局大小:


 

对齐方式

调整布局的垂直方式,可以设置向上、垂直居中、向下对齐三种方式,此设置适用于多列布局:


设置背景

布局背景可以设置背景色或背景图案,点击调色板旁边的倒三角,可以切换设置背景为纯色或图案:


设置间距

设置布局内部的间距,点击间距旁边的小三角,可以设置布局上下左右四个不同方位的间距:


 

设置边框

布局边框选项里,可以调整边框的样式、尺寸、弧度、以及颜色。可以分开设置四个上下左右不同方位的边框。


 

设置阴影

阴影设置,建议先将布局的宽度设置到95%以下再行设置布局的阴影,因为宽度大于95%的布局阴影复制到微信后可能阴影边缘会被裁剪。



认识滑动布局的工具条(横滑)

滑动布局一般用在内容较多,放置在有限空间里会觉得冗长情况下,这时候可以用滑动布局将内容隐藏起来,之后阅览用滑动来切换视图。


在横滑布局中的工具条中,设置滑动序列是用来添加内容的:

滑动序列设置

点击“设置滑动序列”,选中左边的模板/图片/收藏,可以直接加入序列;


如果需要插入到序列中间,先点击序列中一项,再点击左边模板/图片/收藏,可以直接添加到选中序列的后一项;


内容的对齐方式

内容添加好后,可以内容设置对齐方式,同样有三种对齐方式:向上、垂直居中、向下对齐


而背景间距、边框阴影设置方式和基础布局是一致的:


横滑布局内容背景、间距设置


横滑布局边框、阴影样式设置


认识滑动布局的工具条(竖滑)

与横滑布局不同的是,竖滑布局是需要先调整布局高度,而且没有设置序列这一项功能:


设置布局高度

将竖滑布局添加到编辑界面后,首先可以设置竖滑布局的高度,然后各种模块放到拖入到布局内就可以了:


而其他的基础功能设置,比如间距、背景、边框以及阴影样式在竖滑中同样可以设置。

备注:在滑动布局中,若需要划分版面,可以在设置滑动布局的序列时,添加多列布局;或者可以将布局拖入滑动布局中就可以了。



认识表格布局的工具条

表格布局与基础布局、滑动布局不同地方在于,表格的每一列高度都相等,所以在制作表格的时候可以用表格布局。而表格布局工具条可以更完善表格样式:


 

增减行列

可以根据实际需求,增加或者删除行数和列数;


新增一行或者新增一列的时候,系统会自动复制当前行或者列的内容:


 

应用格式

设置单元格背景、边框样式时,可以运用应用格式减少重复设置。由于只能向右或向下应用格式,所以一般情况下从最左,最上的一格开始修改。

根据实际要求,可以设置向右、向下应用格式,还可以设置向下逐行以及隔行应用格式

向右应用格式


向下逐行应用格式


向下隔行应用格式


宽度设置

修改表格宽度,会自动调整右边所有单元的宽度:


 

设置间距

表格间距指的是单元格的间距,设置了一个单元格的间距后,可以用应用格式来减少重复设置:


总结


秀米这三种布局在用途上各有千秋,除了一些特有功能,例如横滑布局的设置滑动序列、书滑布局的高度设置以及表格的增减单元格和应用格式外,其他的宽度、对齐方式、边框及阴影样式的设置都是一致的。当了解了它们如何使用后,可以试着将这三种布局结合起来使用,创造出在图文上更多的独特思路!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多