FLBOOK文字排版問題匯總
FLBOOK是一款不錯(cuò)H5電子雜志、電子畫冊(cè)、電子書刊在線制作平臺(tái)，由于其具有在線排版的功能，讓很多非設(shè)計(jì)出身的朋友也可以制作出精美的作品。但是在線排版具有一些需要注意的問題，下面我將羅列出新手們經(jīng)常會(huì)出現(xiàn)的幾個(gè)問題。
在線排版的優(yōu)點(diǎn)：
1.文字清晰可見，放大后不模糊。
2.可以添加動(dòng)畫效果、滾動(dòng)條等。
3.可以通過搜索功能查找內(nèi)容。
4.文本相對(duì)于圖片，可節(jié)省百倍的存儲(chǔ)空間。
5.可以隨時(shí)隨地編輯修改內(nèi)容。
6.操作簡單，可以套用模板制作。
在線排版缺點(diǎn)：
不支持圖文繞排，不支持上下文自動(dòng)銜接，不同的設(shè)備渲染呈現(xiàn)的效果存在一定的誤差，需要排版時(shí)多注意。
一、手機(jī)中觀看，文字出現(xiàn)跳行：
原因：不同的手機(jī)對(duì)文字大小、標(biāo)點(diǎn)符號(hào)尺寸的解析有誤差。特別是蘋果手機(jī)與安卓手機(jī)，不同的地方有很多。
解決方法：文本框右側(cè)多留一些空白的伸縮空間，單行文本可以開啟禁止自動(dòng)換行功能。
二、長篇幅文字，底部顯示不全：
原因：同樣是因?yàn)椴煌脑O(shè)備，對(duì)文字和標(biāo)點(diǎn)符號(hào)的大小解析有誤差，文字越多，累加出來的誤差越明顯。
解決方法：
方案1、文本框底部保留足夠多的空白，使文字具有一定的伸縮空間。
方案2、使用云字體，可以解決這種誤差。
方案3、對(duì)文本開啟滾動(dòng)條，開啟滾動(dòng)條后，當(dāng)文字高度超出文本框，則自動(dòng)出現(xiàn)滾動(dòng)條，讀者可以上下滑動(dòng)查閱文字（如果需要導(dǎo)出PDF打印，請(qǐng)勿使用滾動(dòng)條）。
方案4、對(duì)文本開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)換為圖片顯示，解決誤差問題（柵格化發(fā)布不適合大面積使用）。
三、設(shè)置楷體或隸書，手機(jī)中不顯示：
原因：使用FLBOOK默認(rèn)的幾款系統(tǒng)字體，當(dāng)你的設(shè)備系統(tǒng)中存在這個(gè)字體才會(huì)顯示，手機(jī)系統(tǒng)中沒有這個(gè)字體就顯示為手機(jī)中默認(rèn)的字體。
解決方法：
1、免費(fèi)版用戶盡量使用默認(rèn)字體，產(chǎn)生的誤差較小。
2、VIP用戶可以使用云字體，云字體為網(wǎng)絡(luò)字體，通過網(wǎng)絡(luò)實(shí)時(shí)加載的字體，無需手機(jī)中有這款字體。
3、對(duì)文本開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)換為圖片顯示，可以解決該問題（柵格化發(fā)布不適合大面積使用）。
四、設(shè)置文字大小不起作用，是什么原因？
原因：
可能1、粘貼進(jìn)去的文字自帶有樣式，導(dǎo)致設(shè)置樣式不起作用。
可能2、你的操作邏輯上出現(xiàn)問題，你已經(jīng)雙擊后在右側(cè)欄設(shè)置了字體大小，然后又單擊該文本框，在右側(cè)欄設(shè)置文字大小。這兩種設(shè)置方式具有優(yōu)先級(jí)的邏輯，雙擊文本框后右側(cè)欄設(shè)置的是文本框內(nèi)選中的文字的屬性，單擊文本框后右側(cè)欄設(shè)置的是整個(gè)文本框文字的大小。內(nèi)的優(yōu)先級(jí)大于外，所以先設(shè)置了里面文字的屬性，再對(duì)外框設(shè)置就無效了。
請(qǐng)注意這兩種設(shè)置方式的區(qū)別，不可混淆亂用。
解決方法：清除文本樣式，重新設(shè)置。（建議統(tǒng)一對(duì)外框設(shè)置樣式，因?yàn)樵O(shè)置外框文本樣式后，你復(fù)制該文本框到其他頁，替換文字后，文本框的樣式屬性是保持不變的。如果是雙擊后設(shè)置的屬性，當(dāng)替換文字后，需要再次設(shè)置樣式屬性。）
五、文字與圖片繞排后，手機(jī)中顯示錯(cuò)亂：
原因：多數(shù)設(shè)計(jì)師，有文字繞排圖片的習(xí)慣，但是在H5中，不支持這種繞排。他們會(huì)手動(dòng)切斷文字來進(jìn)行繞排。這樣由于各種手機(jī)對(duì)文字大小解析的誤差，導(dǎo)致切斷的位置銜接不上，甚至錯(cuò)亂。
解決方法：盡量不使用文字環(huán)繞圖片的排版方式，如果必須使用，盡量使用云字體，或者對(duì)繞排的文字開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)化為圖片顯示，不存在錯(cuò)位問題。
六、柵格化發(fā)布不起作用？
原因：
1、柵格化發(fā)布，需要發(fā)布后才能看到效果。
2、發(fā)布后又進(jìn)行修改，修改后柵格化發(fā)布會(huì)失效，需要再次發(fā)布，會(huì)重新將文字轉(zhuǎn)圖片。
解決方法：重新發(fā)布。
七、形狀錯(cuò)位，線條不顯示？
原因：某些手機(jī)或系統(tǒng)，對(duì)SVG格式的形狀支持不友好，造成一些誤差。由于形狀是固定尺寸的矢量圖，當(dāng)線條寬度小于1像素時(shí)，手機(jī)中就無法看到線條了。
解決方法：簡單的形狀，盡量使用文本框來繪制，文本框繪制的圖形兼容性好，不存在錯(cuò)位問題等。
繪制方法：https://flbook.com.cn/tutorial/list.html#s24
最后，關(guān)于排版優(yōu)化的建議：
1.思路清晰，樣式統(tǒng)一，編組與鎖定運(yùn)用得當(dāng)，下一步做什么需要心里有數(shù)，不要弄得一塌糊涂。
2.標(biāo)題文字、單行文字，記得開啟“禁止自動(dòng)換行”，請(qǐng)?jiān)谟覀?cè)欄中找到該按鈕。
3.多行文字，注意在文本框底部多留一些伸縮空間。
4.超長文字，可以開啟滾動(dòng)條，在一頁中做完。盡量不要拆分成多頁，或者多個(gè)文本框。
5.直線、虛線、色塊、方形、圓形、橢圓形、方框等，均可以使用文本框進(jìn)行繪制，參考：https://flbook.com.cn/tutorial/list.html#s24
6.盡量用最少的元素達(dá)到想要的效果。
7.盡量針對(duì)文本框設(shè)置屬性，不要針對(duì)選中的文本設(shè)置屬性，如果需要對(duì)個(gè)別文字加粗或變色，可以雙擊后選中改文字設(shè)置。
8.盡量設(shè)置最少的樣式屬性達(dá)到想要的效果。請(qǐng)勿每個(gè)屬性都設(shè)置，行距、字距、段距、內(nèi)邊距等保持默認(rèn)即可，設(shè)置的屬性越多，越可能會(huì)導(dǎo)致不同設(shè)備之間的誤差變大。
隨機(jī)文章推薦 收藏本文
- 還沒有評(píng)論呢，快搶沙發(fā)~
發(fā)表你的評(píng)論吧返回頂部
!評(píng)論內(nèi)容需包含中文