最近帮着EE整PJBlog4的后台登陆界面,关于后台的登录界面其实很早之前就思考过的,后台的登录界面重不重要?
研究了国内外众多博客系统的后台登陆界面,几乎所有的都是很简洁的,有些就是很普通的那种,谈不上任何界面效果,相对而言花哨的就是WordPress了,因为他还使用了CSS3。
所有在这个问题上还是比较纠结的,一方面想登陆界面美观一些,一方面又希望能够快速的打开界面,而不因图片太多影响页面的加载。
开始先做了2个页面,一个稍稍做了点图片效果,一个就是靠CSS3写出来,除了Logo就没用图片。做好之后感觉还是不怎么美观的。查看详情
然后某曦就画了2张后台登陆的界面,以灰色调为主,2个界面都非常不错,看着比较的舒服。查看详情
第一个界面图片相对多了一些,主要有一个创意在里面,就是背景的替换,可能一般人没有看出来,就是做一个类似Google,百度节日Logo的效果,上面的兔子通过PJ4平台的更新是可以换的,比如中秋节之前就换中秋节的图片,这个创意是非常不错,也是其他博客系统不曾做过的。最这个界面的时候我将一些图片合在一起便于加载,同时在尽量不失真的情况下压缩图片大小,所以对加载影响也不是很大的。这个页面只是在登录输入框上面加了点CSS3,其他的还是以正常的CSS为主。
第二个光看图片是比较简洁的,我是通过CSS3写出来的,没有用图片,因为这个界面的渐变比较的多,不用CSS3写的话还是会消耗很多的图片的。最后我稍稍做了改进基本做到与效果图类似,这个界面在FireFox和Chrome下是最完美的。
小于等于IE8下的效果 ↑
FireFox、Chrome下的效果 ↑
大侠!跪求您这篇日志里的图片插件啊!!!!跪求!!!
@chwlin已经提供下载了https://www.weisay.com/blog/auto-highslide.html
效果确实不错!博主也是技术强人啦。佩服!