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



