你好获取登录信息中




首页 主站 文章列表 分类列表
查看文章返回文章列表

博客界面大更新

发布时间:2018-05-01 15:56:50 by:



博客这边的界面虽然说比我最初做网页时大有改进,但仍然被许多人吐槽,当然我自己也觉得确实不算好看。通过无数次小修补后效果仍然不理想,前段时间终于下决心从配色的层面上进行修改,同时把以前偷懒感觉无关紧要的一些东西加上(包括被省略的各种边距离)。我个人感觉虽然仍然不能说改头换面,但电脑板大有改善,手机版也有一定优化(电脑版参考了国内某大型网站的配色,结构布局基本维持不变;手机版主要拉了几个渐变让界面不那么单调) 本次做的改动如下(除去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手指控制,同时最终判定和执行在松手时发生)。 嗯好了,这基本上就是这次更新的内容吧,最后祝大家五一愉快!

评论
    还没有评论
发表评论
正在等候用户中心返回数据
杂项
。。。