整版面也是瞎折腾的一种style

一直在对版面进行微调,之前我会很看不惯满满的版面,全是撑满了内容,总希望多点呼吸,但最近又感觉版面上少了什么,总觉得怪怪的。如果一个新的blog友进来,不屑我那些唠叨的话,总需要有个点吸引他,让他觉得即使blog没内容,但版面还可以看几下,至少看着舒服,不会第一印象就让他觉着停留1分钟都有罪恶感。

我会很经常打开blog,点击那些链接,测试页面打开的第一视觉感觉。目前这个theme的第一视觉定在头部的大logo,一进来就可以很自然的把视点定到大logo上,再来就是当前页的绿色块,跟右边的图标链接,接下来的绿色块就是两个tab选项卡上,这些都是在拉屏的时候比较容易聚焦的。左边日志列表的部分,除了标题字体比较大外,没做特别突出的地方,因为文字多,本来就成了个大灰块,如果再从中做色块或者线条区分的话,会把右边给拉下去了,失去重心就怪怪的了。但针对左边这大块,还是要调整下,还是感觉有点紧,改天了。昨天针对tab选项卡调整了下,因为页面内容增加了,为了视点平衡,由原来的灰色块改成了绿色线,而且在间距上调整了下。我电脑上的都是英文版浏览器,测试的时候没发现什么问题,但在中文版浏览器下,Random Post字体会变大从而会被撑开隐藏起来,估计是字体设置方面的问题,但没成功解决,改天再整了。

在侧边增加了个Google shared items豆瓣的图书收藏。豆瓣的图书收藏方面使用了robbliu开发的WP豆瓣秀插件,WP豆瓣秀插件可以通过豆瓣API调取你的各种收藏和推荐在独立页面展示。本来想做成tab形式的把图书、音乐、电影都放上,但是该插件目前还不支持单个调出,又不会修改,就只能先设置图书的了。

一直往上加东西,文件越来越多,于是把js压缩了下,css清了下,但是css还是有22k,里面单个建立的style太多了,没有整体去考虑,而且有些没用上的也还留着,用css usage测了下,好多红色的,哈哈!但这个Firefox插件只支持当前页面的测试,也没整体去考虑。用YSlow测了下,NND,还是C,干脆算了,不弄了。

15 thoughts on “整版面也是瞎折腾的一种style

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">