文章24
标签14
分类5

文章格式的一些想法


最近翻回前面的文章,觉得很多问题,不是空行太多影响阅读就是文字太大在手机看觉得很怪;也有一些是使用字体的问题,在苹果手机上没有相关的字体,导致显示出来的效果很不好看,所以想统一一下格式,以免以后排版混乱。

字体

· 优先使用 Microsoft YaHei Light 字体,而 Helvetica , Tahoma 作为在不支持 Helvetica 字体的设备上的替补。

排版格式

· 文章开始与结尾处都应该添加一个空行符。

· 每一段的字数尽量不超过 200 字。

· 一篇文章 文字 的颜色不宜太多,尽量少于 3 种颜色

· 文章与左右边框的距离使用 15 px ;如果完全贴合左右边框会给人带来压迫感。

· 正文因为行间距设置为了 40px ,段与段之间已经足够的宽,所以 不需要 使用换行符,只需要 </p> 即可。

· 文章每一段的开头 不使用 首行缩进,因为采用首行缩进的话在屏幕比较长的手机会使段落看起来不整齐,显得没有必要。

· 文章的行间距使用 40px ,之前尝试过 30px 和 50px ,看起来都不太舒服,个人觉得 40px 是最合适的行间距,故行间距采用 40px 。

· h 1 标题文字大小使用 2.2em ;h2 文字大小使用 1.5em ;h3 文字大小使用 1.3em ;h4 文字大小使用 1.15em ;h5 文字大小使用 1em ;h6 文字大小使用 0.9em 。

· 正文的文字大小使用 15px 、颜色是 rgba(0, 0, 0, 0.5) 。原本不想用加粗文字作为正文,但是如果不使用加粗的话,文字会变成这样的效果,看文章很费眼睛,所以觉得还是使用加粗好一点。

文字格式

· 链接与非链接的文字之间需要添加一个空格

· 文字表达应清楚无歧义、文字用法应正确,无错别字、单词拼写应正确。

· 中文与英文、中文与数字之间应加一个空格,这样看起来会舒服很多。

· 一些专有的英语单词大小写应该正常使用,例如 Font Awesome ,不应写成 Fontawesome 等。

图片

· 为了提升网页的浏览体验,需要对每一张引用的图片进行压缩,除了需要保证清晰度的图片以外,图片应压缩至小于 200Kb 。


其他

· 所有文章采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。




已经有 0 个评论啦

评论已关闭

'