小说类网站文字排版技巧
网站建设 2021-07-02 19:48www.dzhlxh.cn网站建设
最近几日在筹划小说类网站的建设,在文字排版方面,遇到几个问题,结合论坛上及朋友们的讨论,总结一下最后的解决方案:
字体大小
其实我明白大多数用户喜欢14号左右的字体,但自己在家中经常使用26号(甚至48号)的字体来敲文档,忍不住还是把正文区的字体搞到了120%,成功获取了大量差评。
于是只好改回了100%,用户体验第一,个人私欲靠边站。
文章正文区域的宽度
之前为了考虑手机用户,取了95%的宽度(主要是懒得写media=”handheld”)。对此,jjgod指出,“如果每行过宽,在阅读时,目光将很难准确的定位到下一行。”,查了一下,排版学上推荐的行宽是52~78个英文字符,再结合一部分用户使用“小型笔记本”的800*600分辨率,最后决定正文区域宽度为760px,左右各留padding:10px补白,这样正文区域刚好可以显示26个汉字。
行高
与上边的原因一样,为了避免用户“看串行”,将默认的行高line-height:120%修改为150%
背景色
其实这个问题基本不用考虑,目前两家主流的网站“起点”“逐浪”都选择了近似#e7f4fe为背景色,这些先驱是经过大量的测试结果来证明了该色调适合长时间阅读,我相信他们的眼光是正确的。
文章内容居左还是居中
设定投票时候漏掉了居右这一项,还有两位回复时,要求居右显示的……
目前的投票结果是50%喜欢居左显示,50%喜欢居中显示。但是投票居中显示的有“蓝色”“剑气凌人”这样玩转网站的人,自己也很喜欢居中显示的效果,最终确定为居中显示。
此观点有待考证,不知道各位有何见解?
字体大小
其实我明白大多数用户喜欢14号左右的字体,但自己在家中经常使用26号(甚至48号)的字体来敲文档,忍不住还是把正文区的字体搞到了120%,成功获取了大量差评。
于是只好改回了100%,用户体验第一,个人私欲靠边站。
文章正文区域的宽度
之前为了考虑手机用户,取了95%的宽度(主要是懒得写media=”handheld”)。对此,jjgod指出,“如果每行过宽,在阅读时,目光将很难准确的定位到下一行。”,查了一下,排版学上推荐的行宽是52~78个英文字符,再结合一部分用户使用“小型笔记本”的800*600分辨率,最后决定正文区域宽度为760px,左右各留padding:10px补白,这样正文区域刚好可以显示26个汉字。
行高
与上边的原因一样,为了避免用户“看串行”,将默认的行高line-height:120%修改为150%
背景色
其实这个问题基本不用考虑,目前两家主流的网站“起点”“逐浪”都选择了近似#e7f4fe为背景色,这些先驱是经过大量的测试结果来证明了该色调适合长时间阅读,我相信他们的眼光是正确的。
文章内容居左还是居中
设定投票时候漏掉了居右这一项,还有两位回复时,要求居右显示的……
目前的投票结果是50%喜欢居左显示,50%喜欢居中显示。但是投票居中显示的有“蓝色”“剑气凌人”这样玩转网站的人,自己也很喜欢居中显示的效果,最终确定为居中显示。
此观点有待考证,不知道各位有何见解?
上一篇:建站经验 你的网站该如何应对被采集
下一篇:博客网站打造高流量的四种方法
网站设计
- Indesign设置字符基线偏移、旋转与间距
- 华为新机获入网许可 很有可能命名为G8
- win10系统指纹无法设置提示关闭windows hello然后尝
- thinkpad笔记本怎么使用随机应用地址上网-
- 安装KB3105208后蓝屏怎么办?win10预览版安装KB310
- 安装Win8.1系统时提示“Windows安装程序无法将win
- 戴尔笔记本VT怎么开启- 处理器虚拟化技术开启方
- CSS实现连续数字和英文的自动换行的方法
- 什么是万卡? 小米发布会或将发布小米万卡·O
- 电脑笔记本的键盘如何除尘-
- Illustrator(AI)利用渐变网格工具来设计制作漂亮的
- 电脑通过命令更新IP地址和DNS服务器地址的方法
- 光盘里面的音乐文件怎么转换成mp4格式?
- ai如何将线条变成圆头-
- Win10侧边栏打不开在有些时候无法打开如何解决
- Win8.1安装软件提示所注册的密钥集无效导致无法