早上好~胖友們

為了更好的幫助大家快速提升排版技能

今天三兒給大家?guī)砉娞?hào)文章SVG樣式的一些小技巧及注意事項(xiàng)

1??逐行顯示，替換文字后，手機(jī)預(yù)覽沒有實(shí)現(xiàn)逐行顯示是怎么回事？

答：有可能是格式被破壞了，也有可能是更改文字的方式不對(duì)。逐行顯示更改文字有3種方法：

1. 直接在編輯器輸入文字，使用秒刷功能

2. 用專業(yè)版的【動(dòng)畫】功能

3. 在代碼里修改對(duì)應(yīng)的文字

2??svg設(shè)置好點(diǎn)擊查看內(nèi)容后，為什么預(yù)覽的時(shí)候直接顯示內(nèi)容了？

答：這個(gè)原因是你在編輯器界面觸發(fā)了樣式的效果。排版完成之后，如果想預(yù)覽效果的話，點(diǎn)擊編輯欄右側(cè)的【手機(jī)預(yù)覽】查看效果。

3??svg樣式預(yù)覽的時(shí)候和編輯器界面不一樣了怎么辦？

答：預(yù)覽出問題就說明格式被破壞了，需要?jiǎng)h掉重新做。大家注意在用svg樣式的時(shí)候，“不要不要不要在編輯區(qū)域直接查看效果，需要點(diǎn)手機(jī)預(yù)覽，保證手機(jī)預(yù)覽沒有問題即可。

4??【svg使用小技巧】

1. 不要不要不要直接用復(fù)制黏貼的到微信編輯器后臺(tái)，容易造成會(huì)亂碼，等于樣式作廢，一定要使用【編輯器同步功能】（怎么同步看下面卡片）

你問我答丨為啥我的樣式不會(huì)動(dòng)？mp.weixin.qq.com

2. 記得要加互動(dòng)提示——如點(diǎn)擊類的文章要提示“點(diǎn)擊下方空白區(qū)域查看解析”之類的提示語。

如果不提醒玩法，反而讓用戶摸不著頭腦，造成比較差的用戶體驗(yàn)！樣式需要和文章內(nèi)容產(chǎn)生關(guān)聯(lián)。

例如文章https://w.url.cn/s/AFoXXBj中的樣式中，選擇題和點(diǎn)擊顯示相結(jié)合，選擇作為考試試題，點(diǎn)擊顯示作為答案解析，和諧的樣式使用場(chǎng)景會(huì)給你加分，不和諧的使用場(chǎng)景不僅讓文章顯得雜亂，還會(huì)給用戶造成非常差的用戶體驗(yàn)。

3. 一般“互動(dòng)樣式最好不要超過3個(gè)”。樣式過多會(huì)導(dǎo)致太亂，觀感不好。

——如果文章圖片不統(tǒng)一，會(huì)使很多樣式變形，整體看起來不整齊協(xié)調(diào)。

——由于微信限流，文章過大微信是發(fā)不了的，并且文章太大，用戶打開也麻煩，容易導(dǎo)致加載慢或卡。

以上就是今日分享，更多關(guān)于公眾號(hào)排版技巧的分享，請(qǐng)關(guān)注 @135筆記