上个周末闲来无事,给博客做了移动设备端的界面优化,毕竟现在移动设备越来越普遍。

其实从广义上来说,也算是做成了所谓的「响应式 web 设计」,不过我用的方法,比较,不智能。

技术性的东西就不多说了,大致上就是 ipad 会显示一种样式,手机会显示另一种样式,两种样式皆异于电脑上所显示的样式。ipad 版的界面改动并不大,主要调整了整体宽度和字体大小,更适合在 ipad 上阅读(虽然这个博客也没啥好阅读的);手机版的界面改动则大一些,很多我觉得改起来困难的地方,都粗暴地去掉了 ← ←,不过该有的东西还是有的,另外,为了节省大家的流量,手机版也去掉了一些图片,例如背景大图,以及显示在首页的图。

嗯,所以以后大家也可以毫无压力地用手机访问 Nowhere 了。

以及特别感谢 seki 帮忙截了手机端的图(我的 wp?7.8 截图无能呢……)。

 

貌似可以收尾了,又似乎有点太短了,既然这样就摆多一张电脑端的截图吧。

电脑端的版面也一直在进行着细节的修改。或许是某天我看着哪里不顺眼了,就动工来改,而另一天又看着另一处不顺眼了,就继续改……只是改动得太细节,可能没人留意到。

例如最近,最顶上的那条黑色,背景音乐与链接的位置对调了(原先是背景音乐在右侧的);背景音乐的控制方式也换了一种。

又例如,还是最近,整个博客的字体使用了 web font(就是基于 web 而非电脑里的字体),现在页面上的字体为信黑体。

噢对了,之前还给界面上用到的图片做了 retina 的显示优化,主要是因为自己无法忍受每天都看着模糊的界面。

结尾了,不知道有没有人注意到标题栏右侧那个显示日期的圆形及其颜色规律呢?

 

今晚北京下了大雨呢。对,这句话就是和上面一点关系都没有。