最近帮着EE整PJBlog4的后台登陆界面,关于后台的登录界面其实很早之前就思考过的,后台的登录界面重不重要?
研究了国内外众多博客系统的后台登陆界面,几乎所有的都是很简洁的,有些就是很普通的那种,谈不上任何界面效果,相对而言花哨的就是WordPress了,因为他还使用了CSS3。
所有在这个问题上还是比较纠结的,一方面想登陆界面美观一些,一方面又希望能够快速的打开界面,而不因图片太多影响页面的加载。
开始先做了2个页面,一个稍稍做了点图片效果,一个就是靠CSS3写出来,除了Logo就没用图片。做好之后感觉还是不怎么美观的。查看详情
然后某曦就画了2张后台登陆的界面,以灰色调为主,2个界面都非常不错,看着比较的舒服。查看详情
第一个界面图片相对多了一些,主要有一个创意在里面,就是背景的替换,可能一般人没有看出来,就是做一个类似Google,百度节日Logo的效果,上面的兔子通过PJ4平台的更新是可以换的,比如中秋节之前就换中秋节的图片,这个创意是非常不错,也是其他博客系统不曾做过的。最这个界面的时候我将一些图片合在一起便于加载,同时在尽量不失真的情况下压缩图片大小,所以对加载影响也不是很大的。这个页面只是在登录输入框上面加了点CSS3,其他的还是以正常的CSS为主。
第二个光看图片是比较简洁的,我是通过CSS3写出来的,没有用图片,因为这个界面的渐变比较的多,不用CSS3写的话还是会消耗很多的图片的。最后我稍稍做了改进基本做到与效果图类似,这个界面在FireFox和Chrome下是最完美的。
小于等于IE8下的效果 ↑
FireFox、Chrome下的效果 ↑
本文固定链接: https://www.weisay.com/blog/about-interface-of-website-backstage.html | 威言威语
大侠!跪求您这篇日志里的图片插件啊!!!!跪求!!!
已经提供下载了https://www.weisay.com/blog/auto-highslide.html
效果确实不错!博主也是技术强人啦。佩服!
人才啊,学习
呵呵,不知道WP可以转换到PJ4后,自己会不会转过去。
好久没来了,都是21号的文章了,看来第一个还是受欢迎程度大些~
嗯啊,所以最后也用的第一个~
借找工作不方便上网这个借口,继续恶心地等待见不得公婆的PJ4,如果有消息,你要第一时间通知我……
PJ4的最新消息可以看http://demo.pjblog4.com。最近一直在更新中……
真的很漂亮哦,不错的
是么,呵呵~
不错的风格,喜欢这种登陆界面
呵呵,谢谢~
經過各種辨別,喜歡那隻兔子的說。至少讓人感覺有活力些
哈哈,兔年嘛,就用个兔子啦~
后台的话要求功能全,操作方便,页面尽量简单吧
恩,后台的管理页面会很简洁的,已经在思考了
在换PJ4之前,我真的是没有多大兴趣再弄PJ3了,我甚至想加入WP大军了
还有,严重支持第一个,设计感很强,CSS3再好,没有设计感的东西和设计的就是不一样……
PJ4的大概轮廓就快出来了,最近一直在赶工呢。
设计还是人家设计的,我负责实现效果,哈哈
我有时间要用这个做套皮肤,应该蛮简洁的……
呵呵,我还是比较喜欢第一张的效果哦。。看来大家都是牛人哈。
瞎折腾而已,哈哈~