第一時(shí)間，你是不是已經(jīng)準(zhǔn)備打開(kāi)ps？

“我就做四張圖，需要哪張用哪張就好了呀”

那如果欄目名稱出現(xiàn)更換呢，是不是又得重新打開(kāi)ps再做呢？

其實(shí)不用ps這么復(fù)雜就用咱們135編輯器，就能實(shí)現(xiàn)同款效果喔！

話不多說(shuō)，教程開(kāi)始~

小可愛(ài)們還可以選擇自由度更高的基礎(chǔ)布局樣式。點(diǎn)擊編輯器頁(yè)面『布局』，選擇『基礎(chǔ)布局』，就可以看到目前我們所有的基礎(chǔ)布局樣式。

首先選擇一款基礎(chǔ)布局樣式，插入至編輯器中。我們這里選擇一款左右兩欄的布局作為演示。

點(diǎn)擊左側(cè)分欄，在編輯器選擇你想要使用的樣式，插入至左側(cè)分欄中。

和左側(cè)分欄的插入方法一樣，我們可以點(diǎn)擊右側(cè)分欄，然后插入你想要使用的樣式。

隨后，我們對(duì)整體樣式進(jìn)行調(diào)整，整體的效果就完成了。我們可以用同樣的方法，組合出不一樣的效果。

兩欄圖文布局

BABY

EDUCATION

兩欄圖文布局

兩欄圖文布局

邏輯分析能力

數(shù)據(jù)分析能力

設(shè)計(jì)排版能力

兩欄圖文布局

加強(qiáng)防控意識(shí)

兩欄圖文布局

我們還可以使用基礎(chǔ)布局做出公眾號(hào)導(dǎo)航欄，效果也是非常的炫酷哦！

首先我們選擇一款四欄的基礎(chǔ)布局樣式（胖友們也可以根據(jù)自己的需求來(lái)進(jìn)行選擇）。

將樣式插入后，我們?cè)跇邮街休斎雽?dǎo)航欄的文字，并進(jìn)行居中。

小可愛(ài)們可以點(diǎn)擊欄目，在『布局』中對(duì)單個(gè)布局的背景色進(jìn)行調(diào)整。

如果需要將這幾個(gè)框的背景色都做調(diào)整，可以點(diǎn)擊『全局樣式』下的『背景』進(jìn)行設(shè)置。

按照你老板的要求都改好以后，我們的導(dǎo)航欄就完成了，一起來(lái)看看效果吧！

以上就是本期的全部?jī)?nèi)容啦

小可愛(ài)們都掌握基礎(chǔ)布局的使用了嗎？

·END·

文章排版由135編輯器提供技術(shù)支持

■ ■ ■ ■