博客这边的界面虽然说比我最初做网页时大有改进,但仍然被许多人吐槽,当然我自己也觉得确实不算好看。通过无数次小修补后效果仍然不理想,前段时间终于下决心从配色的层面上进行修改,同时把以前偷懒感觉无关紧要的一些东西加上(包括被省略的各种边距离)。我个人感觉虽然仍然不能说改头换面,但电脑板大有改善,手机版也有一定优化(电脑版参考了国内某大型网站的配色,结构布局基本维持不变;手机版主要拉了几个渐变让界面不那么单调)

本次做的改动如下(除去api_control.php、test.xml和new_year.jpg),总共涉及16个文件,删除100+行,新增150+行。

![文件更改]({$img_url}11/blog_peitu/1525159410-2269084117a696ba5b90c389131b72dc.jpg)

这是电脑版更新前后的首页对比:

![原博客首页]({$img_url}11/blog_peitu/1525159355-882f06901f2022af5dfb6517e001977d.jpg)

![新博客首页]({$img_url}11/blog_peitu/1525159383-80bb808595ce8f767e9d4b12c71461c1.jpg)

新版采用暗色调的配色,白底黑字改成深蓝底浅蓝(接近白色)字,更适合现在的背景。同时去除了导航栏、各板块标题额外的颜色,感觉更加协调。同时正如前文所说,把以前觉得不是很需要的部分的padding、margin也都补上了,是不是感觉舒服了不少呢?

接下来是文章列表(针对列表性内容都类似,这次进一步合并了样式)


![原博客首页]({$img_url}11/blog_peitu/1525159371-1c38f975fb70f289ee1870e17e24eb10.jpg)


![原博客首页]({$img_url}11/blog_peitu/1525159396-ecdcd89e12ff5611f92d9a890cd26adf.jpg)

这里主要增加了列表的padding值,但似乎立刻舒服了很多啊= =

好了,电脑板的改动基本上就是这样了。

至于手机版,暂时就不放图比较了。大致就是更新背景为渐变、圆角边框、边距离等,相对电脑不是那么彻底,不过导航栏强化了,只需将页面拉到顶部再轻轻向下一滑即可显示(同理向上滑动关闭导航)(另注,多点触控时可能出现各种bug,请只用1手指控制,同时最终判定和执行在松手时发生)。

嗯好了,这基本上就是这次更新的内容吧,最后祝大家五一愉快!
杂项
。。。