公眾號布局怎么做?(基礎布局教程)

這期三兒會帶大家來認識布局,想要自己設計模板,實現模板自由,那么布局思維是一定不能少的。布局分為多種類型,基礎布局、自由布局、滑動布局等,先由易到難,從基礎布局開始。



01
基礎布局在哪里


有兩種打開基礎布局的方法,第一種方式是在編輯頁面左側菜單欄的【樣式】面板中選擇【布局】后點擊【基礎布局】。


image.png


第二種方式:在【樣式】面板,選擇【正文】后,點擊【基礎布局】進入。


image.png



02
有哪些基礎布局樣式


在我們編輯器中為大家放置了8個常用的基礎布局效果,包含一行兩個基礎布局、一行三個基礎布局、一行四個布局、一行五個布局等,大家可以根據自己的需要進行選擇。


image.png



03
基礎布局可以實現哪些效果



第一種:圖片排版


你好冬天問候日前公眾號封面次圖.png

你好冬天問候日前公眾號封面次圖.png

你好冬天問候日前公眾號封面次圖.png

你好冬天問候日前公眾號封面次圖.png

你好冬天問候日前公眾號封面次圖.png

你好冬天問候日前公眾號封面次圖.png


效果展示↑


這種基礎的九宮格圖片排版怎么實現呢?其實很簡單,我們只需選擇一行三個基礎布局放在編輯區,再為每個區域添加上圖片。


image.png


接著再為每個區域調整外邊距,數值為10px。


image.png


將設置好的一行三個基礎布局復制粘貼,做成九宮格的形狀即可。


image.png



第二種:文字分欄布局



我們還可以用基礎布局來做欄目簡介,放在推文開頭位置使用。


新手指南

進階版本

高手過招

新手指南

進階版本

高手過招


效果展示↑


操作步驟:


第一步:選擇一個基礎布局樣式后,放入到編輯區域,然后為每一個區域填充背景顏色,再調整外邊距,設置數值5-10px。


image.png


image.png


image.png


第二步:輸入文字,適當調整字間距、顏色即可。


文字.gif


GIF圖展示↑



第三種:文字排版



88會員日醫美活動方形海報.png

十一月手里熱乎乎的烤紅薯,十二月串著竹簽塞滿嘴的冰糖葫蘆,這一年差不多就要結束了。


效果展示↑


如果想讓文字看起來不單調,我們可以利用基礎布局為文字加一些插畫元素進行裝飾。


想要實現這種效果,需要提前準備一張png格式的元素圖片,然后準備好一段簡短的文字內容,選擇一行兩個基礎布局,ID:98904或者ID:98905,來進行組合。


步驟:將此基礎布局放入編輯區域,然后分別添加圖片以及文字,最后調整細節即可。


雪人.gif



第四種:圖文排版


咖啡是一種生活,

是一種態度。

咖啡是一種生活,

是一種態度。


圖文排版同樣可以用基礎布局來實現,左右圖文樣式或者舉例的雙圖加文字的形式等,統統都能依靠我們的基礎布局。


步驟:第一步選擇一行兩個基礎布局,把圖片放入布局中。


image.png


再為兩張圖片分別添加背景顏色,選擇【布局】面板的【背景】。


image.png


image.png


設置好之后,再為其調整外邊距以及輸入文字。


image.png


除了上面三兒舉的例子外,基礎布局還有很多種玩法,由于篇幅有限,三兒就講到這里了,其他效果就等待著大家自己去探索發現了~

文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
分享到
2020精品自拍视频曝光_久久最新地址免费_紧身裙教师中文字幕在线一区_免费国产一级特黄aa大