Hello，胖友們?cè)缟虾脋

這里是135編輯器東拉西扯廣播電臺(tái)

周五特別行動(dòng)組文字排版課

提到剛剛接觸公眾號(hào)，有很多骨灰級(jí)排版老玩家現(xiàn)在都會(huì)禁不住夸贊自己，遙想本尊當(dāng)年，雄姿英發(fā)。在那個(gè)微信后臺(tái)只有基本編輯功能的時(shí)代，又沒(méi)有瀏覽器插件可以輔佐進(jìn)行文字排版設(shè)計(jì)，本尊也是靠著135編輯器才活下來(lái)，并且活的很好！

咳咳…好像活得也不是很好

隨著人們?cè)絹?lái)越追求設(shè)計(jì)簡(jiǎn)約的美，排版編輯器花里胡哨的一些樣式也慢慢被用戶淘汰，人們對(duì)編輯器的使用也下降了很多。不過(guò)說(shuō)到強(qiáng)大，我只能給135編輯器的開發(fā)人員，手動(dòng)點(diǎn)一個(gè)大大的贊！

出于對(duì)第三方排版編輯器的歷史情懷，決定還是翻一番被人們安利的135圖文排版編輯器，給大家挖掘一些實(shí)用又好玩的排版黑科技。

01. 圖文樣式應(yīng)用

在介紹一些樣式之前，按照慣例先給基礎(chǔ)比較薄弱的同學(xué)補(bǔ)充一點(diǎn)基礎(chǔ)知識(shí)，關(guān)于樣式的選擇與替換相關(guān)操作。

 135編輯器

關(guān)鍵詞搜索

現(xiàn)在的第三方排版工具已經(jīng)多到讓人數(shù)不清，每個(gè)排版網(wǎng)站里的樣式也是五花八門，如果一個(gè)一個(gè)下拉查找的話效果非常低，利用好功能搜索，能夠比較快速地幫我們找到想要地樣式。

2. 直接替換圖片文字

在135編輯器找到相應(yīng)的樣式后，我們直接上傳圖片到圖庫(kù)，再替換原本樣式圖片即可，文字樣式同理。一般第三方網(wǎng)站會(huì)對(duì)圖片的數(shù)量上傳有所限制，如果需求大可能需要充會(huì)員了。

3. 源代碼替換

在公眾號(hào)自帶編輯器及第三方編輯器，都會(huì)有一個(gè)按鈕 HTML，這個(gè)是推文的源代碼，適用于比較花樣，不方便換字的樣式，利用源代碼中替換樣式會(huì)方便很多。

 新增 哈哈哈哈 愿望 

4. 復(fù)制粘貼

輯在第三方平臺(tái)編輯完成后，我們只需要將編輯好的樣式復(fù)制粘貼到公眾號(hào)后臺(tái)即可，如果你將公眾號(hào)綁定在了第三方編輯器，就可以直接同步，但如果沒(méi)有，通過(guò)簡(jiǎn)單的Ctrl + C/V ,也不會(huì)特別麻煩。

微信自帶編輯器

微信公眾號(hào)后臺(tái)編輯器的右上角會(huì)有一串不常用的功能按鈕，它其實(shí)是針對(duì)圖片浮動(dòng)設(shè)置的按鈕，利用設(shè)置「左浮動(dòng)」，我們也可以實(shí)現(xiàn)無(wú)縫圖片的排版。

點(diǎn)擊左浮動(dòng)

滑動(dòng)系列

滑動(dòng)系列的樣式，也是現(xiàn)在被運(yùn)用比較多的排版花樣，可以用來(lái)長(zhǎng)圖滑動(dòng)，或者文字滑動(dòng)，推薦個(gè)人常用的135編輯器，它的滑動(dòng)樣式基本滿足了大多數(shù)的滑動(dòng)需求。

a. 圖片滑動(dòng)

搜索關(guān)鍵詞「滑動(dòng)」，直接選用滑動(dòng)樣式，直接替換圖片即可，除了傳統(tǒng)的左右滑動(dòng)，還包括只展示局部圖片的上下滑動(dòng)效果。

注意要保證圖片的尺寸保持一致，建議對(duì)圖片進(jìn)行處理后再上傳至編輯器樣式中，否則會(huì)出現(xiàn)滑動(dòng)效果不和諧的效果。

至于圖片處理，主要是對(duì)圖片尺寸進(jìn)行處理，最簡(jiǎn)單粗暴的辦法就是給它添加一個(gè)大小一致的圖片，即可實(shí)現(xiàn)無(wú)差別滑動(dòng)效果。

b. 文字滑動(dòng)

除了圖片滑動(dòng)，太多文字的時(shí)候，也可以使用滑動(dòng)效果，既能夠?qū)⑽淖中畔⒄故荆植徽紦?jù)推文版面太多的位置，適用于公文類資料閱讀。

文字滾動(dòng)

多圖排版

圖片一多，直接插入公眾號(hào)如果不對(duì)圖片進(jìn)行多圖組合排版，會(huì)導(dǎo)致篇幅過(guò)長(zhǎng)的問(wèn)題，不會(huì)設(shè)計(jì)排版的情況下，建議直接套用編輯器里的樣式，依舊是直接上傳圖片。

還有一點(diǎn)依舊要強(qiáng)調(diào)一下，選擇樣式盡可能選擇與圖片尺寸比例一致的，否則圖片會(huì)被壓縮或者拉伸變形。

點(diǎn)擊出現(xiàn)

這也是一種比較新奇的排版樣式，一定程度上豐富了圖文羅列形式，空白出現(xiàn)能夠應(yīng)用在文字、圖片之間，只要運(yùn)用得當(dāng)，能夠玩出很多好玩的交互效果。

點(diǎn)擊下方空白區(qū)域查看答案

以135排版為例，我們搜索關(guān)鍵詞「點(diǎn)擊」，我們可以看到有非常多的點(diǎn)擊出現(xiàn)樣式，直接替換圖片文字即可。

進(jìn)階操作：編輯源代碼

上文介紹過(guò)一些關(guān)于源代碼變成的玩法，在點(diǎn)擊出現(xiàn)的樣式中也可以利用，接下來(lái)一些好玩的樣式我們都可以通過(guò)簡(jiǎn)單的源代碼替換，就能輕松實(shí)現(xiàn)樣式文案的替換。

關(guān)于文字的玩法，在各大排版編輯器還有很多的玩法，包括虛化文字、閱后即焚、倒立文字、彈幕漸變等等，大家可以自個(gè)兒去樣式庫(kù)看看……

03. 花樣圖文排版樣式

除了以上比較實(shí)用的一些玩法，我挖掘了一下這些第三方排版網(wǎng)站，發(fā)現(xiàn)有不少炫酷的黑科技排版，大部分是程序員用代碼敲出來(lái)的。

雖然我們沒(méi)辦法制作出這些樣式，但我們可以通過(guò)源代碼替換，依舊可以實(shí)現(xiàn)，希望看完這篇文章以后，小伙伴們又可以挖多一個(gè)坑，開始走上一條編程自學(xué)之路。

利用源代碼，直接替換內(nèi)容，其實(shí)還可以改變大小顏色，但需要有一定的編程基礎(chǔ)，大家有興趣可以自行了解。

信封滑動(dòng)動(dòng)效 - 135

模擬朋友圈 - 135

年會(huì)專用 - 135

花里胡哨的字體 - 135

隨機(jī)文字 - 135

新聞聯(lián)播圖 - 135

北京實(shí)在太熱了，我希望回非洲

19:25

P.s：圖片可替換、字體可編輯

寫在最后

我認(rèn)為當(dāng)前第三方排版工具其實(shí)可以當(dāng)做我們 輔助性工具，主要給讀者們看的還是來(lái)自于大家的優(yōu)質(zhì)內(nèi)容，因?yàn)楹芏嘤脩舨皇莵?lái)看我們的文字排版的，而是來(lái)獲得我們提供的信息，當(dāng)然好的排版可以增加閱讀趣味性和舒適程度，當(dāng)然也不可或缺。優(yōu)質(zhì)內(nèi)容為主，文字排版為輔。