當前位置: 首頁 > 電子雜志 > 正文

FLBOOK文字排版問題匯總

妙網小編 發表于2018年12月21日 19:51

FLBOOK是一款不錯H5電子雜志、電子畫冊、電子書刊在線制作平臺,由于其具有在線排版的功能,讓很多非設計出身的朋友也可以制作出精美的作品。但是在線排版具有一些需要注意的問題,下面我將羅列出新手們經常會出現的幾個問題。

在線排版的優點:

1.文字清晰可見,放大后不模糊。

2.可以添加動畫效果、滾動條等。

3.可以通過搜索功能查找內容。

4.文本相對于圖片,可節省百倍的存儲空間。

5.可以隨時隨地編輯修改內容。

6.操作簡單,可以套用模板制作。

在線排版缺點:

不支持圖文繞排,不支持上下文自動銜接,不同的設備渲染呈現的效果存在一定的誤差,需要排版時多注意


一、手機中觀看,文字出現跳行:

原因:不同的手機對文字大小、標點符號尺寸的解析有誤差。特別是蘋果手機與安卓手機,不同的地方有很多。

解決方法:文本框右側多留一些空白的伸縮空間,單行文本可以開啟禁止自動換行功能。

TIM截圖20181221195741.jpg


二、長篇幅文字,底部顯示不全:

原因:同樣是因為不同的設備,對文字和標點符號的大小解析有誤差,文字越多,累加出來的誤差越明顯。

解決方法:

方案1、文本框底部保留足夠多的空白,使文字具有一定的伸縮空間。

方案2、使用云字體,可以解決這種誤差。

方案3、對文本開啟滾動條,開啟滾動條后,當文字高度超出文本框,則自動出現滾動條,讀者可以上下滑動查閱文字(如果需要導出PDF打印,請勿使用滾動條)。

方案4、對文本開啟柵格化發布,發布后文字將轉換為圖片顯示,解決誤差問題(柵格化發布不適合大面積使用)。

TIM截圖20181221200821.jpg


三、設置楷體或隸書,手機中不顯示:

原因:使用FLBOOK默認的幾款系統字體,當你的設備系統中存在這個字體才會顯示,手機系統中沒有這個字體就顯示為手機中默認的字體。

解決方法:

1、免費版用戶盡量使用默認字體,產生的誤差較小。

2、VIP用戶可以使用云字體,云字體為網絡字體,通過網絡實時加載的字體,無需手機中有這款字體。

3、對文本開啟柵格化發布,發布后文字將轉換為圖片顯示,可以解決該問題(柵格化發布不適合大面積使用)。

TIM截圖20181221202825.jpg


四、設置文字大小不起作用,是什么原因?

原因:

可能1、粘貼進去的文字自帶有樣式,導致設置樣式不起作用。

可能2、你的操作邏輯上出現問題,你已經雙擊后在右側欄設置了字體大小,然后又單擊該文本框,在右側欄設置文字大小。這兩種設置方式具有優先級的邏輯,雙擊文本框后右側欄設置的是文本框內選中的文字的屬性,單擊文本框后右側欄設置的是整個文本框文字的大小。內的優先級大于外,所以先設置了里面文字的屬性,再對外框設置就無效了。

TIM截圖20181221203010.jpg

TIM截圖20181221203038.jpg

請注意這兩種設置方式的區別,不可混淆亂用。

解決方法:清除文本樣式,重新設置。(建議統一對外框設置樣式,因為設置外框文本樣式后,你復制該文本框到其他頁,替換文字后,文本框的樣式屬性是保持不變的。如果是雙擊后設置的屬性,當替換文字后,需要再次設置樣式屬性。

TIM截圖20181221202749.jpg


五、文字與圖片繞排后,手機中顯示錯亂:

原因:多數設計師,有文字繞排圖片的習慣,但是在H5中,不支持這種繞排。他們會手動切斷文字來進行繞排。這樣由于各種手機對文字大小解析的誤差,導致切斷的位置銜接不上,甚至錯亂。

解決方法:盡量不使用文字環繞圖片的排版方式,如果必須使用,盡量使用云字體,或者對繞排的文字開啟柵格化發布,發布后文字將轉化為圖片顯示,不存在錯位問題。


六、柵格化發布不起作用?

原因:

1、柵格化發布,需要發布后才能看到效果。

2、發布后又進行修改,修改后柵格化發布會失效,需要再次發布,會重新將文字轉圖片。

解決方法:重新發布。


七、形狀錯位,線條不顯示?

原因:某些手機或系統,對SVG格式的形狀支持不友好,造成一些誤差。由于形狀是固定尺寸的矢量圖,當線條寬度小于1像素時,手機中就無法看到線條了。

解決方法:簡單的形狀,盡量使用文本框來繪制,文本框繪制的圖形兼容性好,不存在錯位問題等。

繪制方法:https://flbook.com.cn/tutorial/list.html#s24


最后,關于排版優化的建議:

1.思路清晰,樣式統一,編組與鎖定運用得當,下一步做什么需要心里有數,不要弄得一塌糊涂。

2.標題文字、單行文字,記得開啟“禁止自動換行”,請在右側欄中找到該按鈕。

3.多行文字,注意在文本框底部多留一些伸縮空間。

4.超長文字,可以開啟滾動條,在一頁中做完。盡量不要拆分成多頁,或者多個文本框。

5.直線、虛線、色塊、方形、圓形、橢圓形、方框等,均可以使用文本框進行繪制,參考:https://flbook.com.cn/tutorial/list.html#s24

6.盡量用最少的元素達到想要的效果。

7.盡量針對文本框設置屬性,不要針對選中的文本設置屬性,如果需要對個別文字加粗或變色,可以雙擊后選中改文字設置。

8.盡量設置最少的樣式屬性達到想要的效果。請勿每個屬性都設置,行距、字距、段距、內邊距等保持默認即可,設置的屬性越多,越可能會導致不同設備之間的誤差變大。


本文標簽: 電子書電子雜志手機雜志企業內刊電子畫冊電子圖冊FLBOOK
本文標題: FLBOOK文字排版問題匯總
本文鏈接: http://www.lxuruk.live/m/?post=838

隨機文章推薦 收藏本文

共有2562閱 / 0我要評論
  1. 還沒有評論呢,快搶沙發~

發表你的評論吧返回頂部

!評論內容需包含中文

請勾選本項再提交評論
七乐彩走势图2012092