原先的Pache demo1上是直接套用原myBlog的样式(某绿色),但是我发现,这样看久了,视觉容易疲劳,并且我也不耐烦了,想自己去设计一套新的,在设计的过程中,发现了很多问题,在此先记录下来,留以后用
其壹——字体
一个网页吧,最基本的就是字体的设定。有个好的字体,后面的排版可能才会够好。关于字体嘛,咱也是很随便的啦,喜欢什么就选什么[1]。其次是各个区段的字体要有所区别,比如正文一套字体(仿宋/宋体,标题一套字体(方正姚体/黑体),引用一套字体(仿宋)
然后,是字体大小。字体大小真的很重要的说,字体大小设计得当阅读效果会很赞,糟糕的字体大小可能读起来就没那么赞咯。我在设计demo2中脚注的时候发现过小字用ttf字效果并不理想(字体模糊,或者发虚),反而用宋体那样的点阵字[2]更清晰
嗯,字体的粗细也是其中一点吧。这个也得注意下了,这个与你的字体、操作系统与浏览器有关,权衡下自己要不要去设计这方面吧。当然,也有些设计上应该注意的咯,比如标题字别粗体啦,或者过小字也别粗体啦[3]
最后,是字体颜色的分配。其实我个人也还是喜欢什么选什么系列,但是也要注意不要到最后面大红大紫五花八门的,最好统一点咯。比如暖色调的最好都暖色调咯,同一色系都同一色系咯,或者灰度呈阶级算下来咯,总之按照什么规律来走嘛,这个就是设计吧
其贰——段落
锻炼其实在排版里也跟字体一样重要的说,一个好的段落关系到阅读者的舒适度的问题,如果太紧凑就会看的眼睛疼,太宽松又显得零零散散,当然这些夸张但并不是没有道理。
其实也不必要讲究太多,你就是阅读者,你调整到适合自己的就好了;w;诸如p
、ul
、ol
什么的高度要微调,或者h1
~h6
的调整,以及img
的 max-height
/max-width
属性等等……
其弎——整体
上面的都办完后,剩下的就是文章的宽度了吧?原先myBlog的配置是 640px
,可为什么现在是 calc( 1366px * 0.618 )
了呢?因为字体大小有调整了,咱也调宽了点,后来调到 ·700px·,于是索性就换成了黄金比例了(
要不要居中呢?我的答案是要的,必须要。不居中放在左边很那个(
距离导航条的位置又得如何调整呢?这个嘛,其实我也是喜欢就好……(别打我)