妙网科技 妙网科技 首页 妙网科技 电子杂志 妙网科技 FLBOOK文字排版问题汇总

FLBOOK文字排版问题汇总

所属栏目: 电子杂志 | 更新时间:2018-12-21 | 阅读:10980 次

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.尽量设置最少的样式属性达到想要的效果。请勿每个属性都设置,行距、字距、段距、内边距等保持默认即可,设置的属性越多,越可能会导致不同设备之间的误差变大。