秀米圖文排版屬于結(jié)構(gòu)化編輯方式,因此每一個(gè)模板組件都可以看作是一塊積木隨意移動(dòng)位置。而布局則是作為劃分版面的框架,有了框架,模板組件才能有序地排列組合。本期教程將會(huì)介紹秀米布局的種類以及各自的用途,并提供在編輯過程中的使用思路。
秀米布局的種類
秀米有三種布局,分別為:基礎(chǔ)布局、滑動(dòng)布局(分為橫滑、豎滑兩種)和表格布局。這三種布局都有各自對(duì)應(yīng)的工具條,區(qū)分這些工具條,可以根據(jù)在最左邊的屬性顯示區(qū)分其功能特性。
基礎(chǔ)布局
滑動(dòng)布局
表格布局
各類布局的功能以及各自的用途
這三種布局在工具條上體現(xiàn)出來的不同的功能設(shè)置,也同時(shí)說明了它們不同的用途。
認(rèn)識(shí)基礎(chǔ)布局的工具條
基礎(chǔ)布局多是單行多列布局,所以也就主要被用來劃分整體版面,布局的工具條也就將這種功能更好的體現(xiàn)出來:
向左或向右新增一列布局及刪除當(dāng)前布局
點(diǎn)擊需要在左/右側(cè)添加的布局,再點(diǎn)擊該標(biāo)簽,即可在當(dāng)前布局下添加一列;也還可以刪除當(dāng)前列布局:
調(diào)整寬度
通過調(diào)整布局寬度來調(diào)整布局大?。?/p>
對(duì)齊方式
調(diào)整布局的垂直方式,可以設(shè)置向上、垂直居中、向下對(duì)齊三種方式,此設(shè)置適用于多列布局:
設(shè)置背景
布局背景可以設(shè)置背景色或背景圖案,點(diǎn)擊調(diào)色板旁邊的倒三角,可以切換設(shè)置背景為純色或圖案:
設(shè)置間距
設(shè)置布局內(nèi)部的間距,點(diǎn)擊間距旁邊的小三角,可以設(shè)置布局上下左右四個(gè)不同方位的間距:
設(shè)置邊框
布局邊框選項(xiàng)里,可以調(diào)整邊框的樣式、尺寸、弧度、以及顏色??梢苑珠_設(shè)置四個(gè)上下左右不同方位的邊框。
設(shè)置陰影
陰影設(shè)置,建議先將布局的寬度設(shè)置到95%以下再行設(shè)置布局的陰影,因?yàn)閷挾却笥?5%的布局陰影復(fù)制到微信后可能陰影邊緣會(huì)被裁剪。
認(rèn)識(shí)滑動(dòng)布局的工具條(橫滑)
滑動(dòng)布局一般用在內(nèi)容較多,放置在有限空間里會(huì)覺得冗長情況下,這時(shí)候可以用滑動(dòng)布局將內(nèi)容隱藏起來,之后閱覽用滑動(dòng)來切換視圖。
在橫滑布局中的工具條中,設(shè)置滑動(dòng)序列是用來添加內(nèi)容的:
滑動(dòng)序列設(shè)置
點(diǎn)擊“設(shè)置滑動(dòng)序列”,選中左邊的模板/圖片/收藏,可以直接加入序列;
如果需要插入到序列中間,先點(diǎn)擊序列中一項(xiàng),再點(diǎn)擊左邊模板/圖片/收藏,可以直接添加到選中序列的后一項(xiàng);
內(nèi)容的對(duì)齊方式
內(nèi)容添加好后,可以內(nèi)容設(shè)置對(duì)齊方式,同樣有三種對(duì)齊方式:向上、垂直居中、向下對(duì)齊
而背景間距、邊框陰影設(shè)置方式和基礎(chǔ)布局是一致的:
橫滑布局內(nèi)容背景、間距設(shè)置
橫滑布局邊框、陰影樣式設(shè)置
認(rèn)識(shí)滑動(dòng)布局的工具條(豎滑)
與橫滑布局不同的是,豎滑布局是需要先調(diào)整布局高度,而且沒有設(shè)置序列這一項(xiàng)功能:
設(shè)置布局高度
將豎滑布局添加到編輯界面后,首先可以設(shè)置豎滑布局的高度,然后各種模塊放到拖入到布局內(nèi)就可以了:
而其他的基礎(chǔ)功能設(shè)置,比如間距、背景、邊框以及陰影樣式在豎滑中同樣可以設(shè)置。
備注:在滑動(dòng)布局中,若需要?jiǎng)澐职婷?,可以在設(shè)置滑動(dòng)布局的序列時(shí),添加多列布局;或者可以將布局拖入滑動(dòng)布局中就可以了。
認(rèn)識(shí)表格布局的工具條
表格布局與基礎(chǔ)布局、滑動(dòng)布局不同地方在于,表格的每一列高度都相等,所以在制作表格的時(shí)候可以用表格布局。而表格布局工具條可以更完善表格樣式:
增減行列
可以根據(jù)實(shí)際需求,增加或者刪除行數(shù)和列數(shù);
新增一行或者新增一列的時(shí)候,系統(tǒng)會(huì)自動(dòng)復(fù)制當(dāng)前行或者列的內(nèi)容:
應(yīng)用格式
設(shè)置單元格背景、邊框樣式時(shí),可以運(yùn)用應(yīng)用格式減少重復(fù)設(shè)置。由于只能向右或向下應(yīng)用格式,所以一般情況下從最左,最上的一格開始修改。
根據(jù)實(shí)際要求,可以設(shè)置向右、向下應(yīng)用格式,還可以設(shè)置向下逐行以及隔行應(yīng)用格式
向右應(yīng)用格式
向下逐行應(yīng)用格式
向下隔行應(yīng)用格式
寬度設(shè)置
修改表格寬度,會(huì)自動(dòng)調(diào)整右邊所有單元的寬度:
設(shè)置間距
表格間距指的是單元格的間距,設(shè)置了一個(gè)單元格的間距后,可以用應(yīng)用格式來減少重復(fù)設(shè)置:
總結(jié)
秀米這三種布局在用途上各有千秋,除了一些特有功能,例如橫滑布局的設(shè)置滑動(dòng)序列、書滑布局的高度設(shè)置以及表格的增減單元格和應(yīng)用格式外,其他的寬度、對(duì)齊方式、邊框及陰影樣式的設(shè)置都是一致的。當(dāng)了解了它們?nèi)绾问褂煤?,可以試著將這三種布局結(jié)合起來使用,創(chuàng)造出在圖文上更多的獨(dú)特思路!
聯(lián)系客服