巧用基礎(chǔ)布局，圖文混排隨性又好看！

微信公眾號(hào)排版時(shí)，圖片或文字可以多列并排嗎？答案是肯定的！

今天，我就給大家分享一個(gè)非常強(qiáng)大的排版技能——【基礎(chǔ)布局】。

只要你能熟練掌握，不要說(shuō)圖文并排了，就是讓你親自去制作素材，也全然不在話下。

一、初識(shí)基礎(chǔ)布局?

打開(kāi)編輯器，在【通用樣式】-【內(nèi)容】中，選擇【基礎(chǔ)布局】，即可看到基礎(chǔ)布局樣式。

編輯器中有單個(gè)布局、兩列布局、三列布局...五列布局等，大家可以根據(jù)自己的布局需要進(jìn)行選擇。

基礎(chǔ)布局樣式混搭使用，也能呈現(xiàn)不一樣的排版效果，接下來(lái)我們就一起來(lái)看看基礎(chǔ)布局的使用。

二、基礎(chǔ)布局的使用?

使用基礎(chǔ)布局之前，我們可以現(xiàn)在腦海中構(gòu)建一個(gè)基礎(chǔ)的布局框架。

這里以最簡(jiǎn)單的左圖右文為例，給大家演示一下基礎(chǔ)布局的使用。

第一步：選擇自己需要使用的【基礎(chǔ)布局】，點(diǎn)擊將該布局寫(xiě)入編輯區(qū)域。這里，我們選擇一個(gè)左右同寬的兩列布局。

第二步：將提前準(zhǔn)備好的圖片和文字分別寫(xiě)入基礎(chǔ)布局中。

如果有需要，我們還可以對(duì)文字和圖片進(jìn)行【美化處理】，比如給圖片加陰影、圓角，對(duì)圖片進(jìn)行異形操作，給文字和圖片添加邊框等。

第三步：根據(jù)排版需要，對(duì)布局進(jìn)行調(diào)整。

①設(shè)置布局寬度比

點(diǎn)擊編輯區(qū)域的布局樣式，在彈出的工具條中設(shè)置【寬度比】?？梢酝蟿?dòng)寬度比設(shè)置條，也可以直接輸入寬度比數(shù)值。

注意：基礎(chǔ)布局各列的寬度比之和不得超過(guò)100%。

②調(diào)整布局對(duì)齊方式

點(diǎn)擊編輯區(qū)域的布局樣式，在彈出的工具條中選擇【對(duì)齊方式】。對(duì)齊方式共三種：上對(duì)齊、中對(duì)齊、下對(duì)齊。

③設(shè)置布局旋轉(zhuǎn)角度

點(diǎn)擊編輯區(qū)域的布局樣式，在彈出的工具條中點(diǎn)擊【旋轉(zhuǎn)】，設(shè)置旋轉(zhuǎn)角度?？梢酝蟿?dòng)旋轉(zhuǎn)設(shè)置條，也可以直接輸入旋轉(zhuǎn)角度值。

④調(diào)整布局排序

點(diǎn)擊編輯區(qū)域的布局樣式，在彈出的工具條中點(diǎn)擊【上移】或者【下移】可以對(duì)布局進(jìn)行排序。

⑤增刪布局

點(diǎn)擊編輯區(qū)域的布局樣式，在彈出的工具條中選擇【左+1】，可以在光標(biāo)所在布局左側(cè)增加一列布局；選擇【右+1】，可以在光標(biāo)所在布局右側(cè)增加一列布局。

增刪布局之后，各列布局的寬度比會(huì)等比例縮小或放大，但寬度比之和還是不得超過(guò)100%。

通過(guò)基礎(chǔ)布局的使用，我們可以發(fā)現(xiàn)，不管是圖片和文字的排列組合，還是素材的變形使用，甚至是模板的拆分重組都可以輕松實(shí)現(xiàn)。

三、精彩案例展示?

題圖制作：

多圖排列：

左文右圖：

其實(shí)，只要你有想法，并且愿意大膽去嘗試，圖文排版想要玩出花樣根本就是輕輕松松！

平時(shí)大家也要多學(xué)、多看、多思考、多練習(xí)，才能更快的熟練掌握基礎(chǔ)布局的使用，讓排版真正可以從心所欲，彰顯個(gè)性！

如果你有好的排版案例，或者有不懂的排版知識(shí)點(diǎn)，歡迎在后臺(tái)留言，我們一起來(lái)分析制作方法~