小说类网站文字排版技巧
发布时间：2009-07-18 01:12:22 作者：佚名 
我要评论
我要评论最近几日在筹划小说类网站的建设，在文字排版方面，遇到几个问题，结合论坛上及朋友们的讨论，总结一下最后的解决方案
最近几日在筹划小说类网站的建设，在文字排版方面，遇到几个问题，结合论坛上及朋友们的讨论，总结一下最后的解决方案：
字体大小
其实我明白大多数用户喜欢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%喜欢居中显示。但是投票居中显示的有“蓝色”“剑气凌人”这样玩转网站的人，自己也很喜欢居中显示的效果，最终确定为居中显示。
此观点有待考证，不知道各位有何见解？
相关文章
Cloudfront 是 Amazon 提供的 CDN 服务，有每月免费 1T 的流量，该流量不可累计,个人小站的话，这个 CDN 是足够用的了，而且主要是国内访问的速度还不错,但是需要注意不要2023-10-19
免费为你的网站加速，全球访问加速还可以防御ddos攻击的cloudflare
CDN加速通俗来讲就是把网站在全国各地的服务器上复制一份（即镜像服务器），用户在访问的时候，路由自动分配到最近的服务器，提升访问速度,大家在访问软件下载站的时候，经2023-10-09
什么是AMP(加速移动页面)Web开发？AMP的好处以及它与响应式网页设计的
AMP技术是一项用于加速移动Web页面加载速度的技术,它通过限制页面的HTML、CSS和JavaScript的使用，从而提高页面加载速度和性能,下面我们将从以下几个方面对AMP技术进行拓展2023-10-09谷歌站长(Search Console)工具的注册安装及功能介绍
Google Search Console 是一项由 Google 提供的免费服务，可帮助您监控和维护您的网站在 Google 搜索结果中的展示情况以及排查问题，Search Console 可帮助您了解并改善 Go2023-05-13
打开网站出现Internal Server Error的原因和解决方法
这篇文章主要介绍了打开网站出现Internal Server Error的原因和解决方法的相关资料,需要的朋友可以参考下，解决方法：登陆FTP或文件管理器，检查站点目录文件权限设置，将2022-01-08
inxy：超低价“综合型”国外CDN提供商，专业POP节点覆盖亚洲\欧洲\美洲
inxy，这个2005年成立运作至今的商家不但提供11个机房的VPS、24个机房独立服务器，更重要的核心业务还有CDN,之所以要来推荐inxy的CDN是因为在性价比上面有着独到的优势2020-11-16
大部分服务商（如阿里云，网易蜂巢，京东云等）的CDN服务是按使用量收费的，也有一些服务商提供免费的CDN服务，这篇文章主要介绍了分享盘点10个可免费使用的网站CDN加速服2020-08-17INXY：运作全球26个国家和地区的 独立服务器、VPS、CDN业务，价格超便
INXY主要运作独立服务器、VPS、CDN、DNS四大类业务。inxy有自己的机房，也卖全球其他国家和地区的相关业务，可以说是一个超大型的reseller2019-09-29- 这篇文章主要介绍了新手干货之网站建设中常见的一些问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-09-18
- 本篇文章主要介绍了手把手教搭建电影网站，今天我们就来搭建一个VIP电影网站，本文主旨在于，从基础的搭建一个简单的解析网站来引入一些思路，手把手什么的最贴心了。2019-08-22
最新评论