公眾號布局怎么做?(基礎(chǔ)布局教程)
這期三兒會帶大家來認(rèn)識布局,想要自己設(shè)計模板,實(shí)現(xiàn)模板自由,那么布局思維是一定不能少的。布局分為多種類型,基礎(chǔ)布局、自由布局、滑動布局等,先由易到難,從基礎(chǔ)布局開始。
有兩種打開基礎(chǔ)布局的方法,第一種方式是在編輯頁面左側(cè)菜單欄的【樣式】面板中選擇【布局】后點(diǎn)擊【基礎(chǔ)布局】。
第二種方式:在【樣式】面板,選擇【正文】后,點(diǎn)擊【基礎(chǔ)布局】進(jìn)入。
在我們編輯器中為大家放置了8個常用的基礎(chǔ)布局效果,包含一行兩個基礎(chǔ)布局、一行三個基礎(chǔ)布局、一行四個布局、一行五個布局等,大家可以根據(jù)自己的需要進(jìn)行選擇。
效果展示↑
這種基礎(chǔ)的九宮格圖片排版怎么實(shí)現(xiàn)呢?其實(shí)很簡單,我們只需選擇一行三個基礎(chǔ)布局放在編輯區(qū),再為每個區(qū)域添加上圖片。
接著再為每個區(qū)域調(diào)整外邊距,數(shù)值為10px。
將設(shè)置好的一行三個基礎(chǔ)布局復(fù)制粘貼,做成九宮格的形狀即可。
我們還可以用基礎(chǔ)布局來做欄目簡介,放在推文開頭位置使用。
新手指南
進(jìn)階版本
高手過招
新手指南
進(jìn)階版本
高手過招
效果展示↑
操作步驟:
第一步:選擇一個基礎(chǔ)布局樣式后,放入到編輯區(qū)域,然后為每一個區(qū)域填充背景顏色,再調(diào)整外邊距,設(shè)置數(shù)值5-10px。
第二步:輸入文字,適當(dāng)調(diào)整字間距、顏色即可。
GIF圖展示↑
十一月手里熱乎乎的烤紅薯,十二月串著竹簽塞滿嘴的冰糖葫蘆,這一年差不多就要結(jié)束了。
效果展示↑
如果想讓文字看起來不單調(diào),我們可以利用基礎(chǔ)布局為文字加一些插畫元素進(jìn)行裝飾。
想要實(shí)現(xiàn)這種效果,需要提前準(zhǔn)備一張png格式的元素圖片,然后準(zhǔn)備好一段簡短的文字內(nèi)容,選擇一行兩個基礎(chǔ)布局,ID:98904或者ID:98905,來進(jìn)行組合。
步驟:將此基礎(chǔ)布局放入編輯區(qū)域,然后分別添加圖片以及文字,最后調(diào)整細(xì)節(jié)即可。
咖啡是一種生活,
是一種態(tài)度。
咖啡是一種生活,
是一種態(tài)度。
圖文排版同樣可以用基礎(chǔ)布局來實(shí)現(xiàn),左右圖文樣式或者舉例的雙圖加文字的形式等,統(tǒng)統(tǒng)都能依靠我們的基礎(chǔ)布局。
步驟:第一步選擇一行兩個基礎(chǔ)布局,把圖片放入布局中。
再為兩張圖片分別添加背景顏色,選擇【布局】面板的【背景】。
設(shè)置好之后,再為其調(diào)整外邊距以及輸入文字。
除了上面三兒舉的例子外,基礎(chǔ)布局還有很多種玩法,由于篇幅有限,三兒就講到這里了,其他效果就等待著大家自己去探索發(fā)現(xiàn)了~
立即登錄













