威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

关于网站后台界面的一点思考

研究了国内外众多博客系统的后台登陆界面,几乎所有的都是很简洁的,有些就是很普通的那种,谈不上任何界面效果,相对而言花哨的就是WordPress了,因为他还使用了CSS3。

最近帮着EE整PJBlog4的后台登陆界面,关于后台的登录界面其实很早之前就思考过的,后台的登录界面重不重要?

研究了国内外众多博客系统的后台登陆界面,几乎所有的都是很简洁的,有些就是很普通的那种,谈不上任何界面效果,相对而言花哨的就是WordPress了,因为他还使用了CSS3。

所有在这个问题上还是比较纠结的,一方面想登陆界面美观一些,一方面又希望能够快速的打开界面,而不因图片太多影响页面的加载。

开始先做了2个页面,一个稍稍做了点图片效果,一个就是靠CSS3写出来,除了Logo就没用图片。做好之后感觉还是不怎么美观的。查看详情

然后某曦就画了2张后台登陆的界面,以灰色调为主,2个界面都非常不错,看着比较的舒服。查看详情

第一个界面图片相对多了一些,主要有一个创意在里面,就是背景的替换,可能一般人没有看出来,就是做一个类似Google,百度节日Logo的效果,上面的兔子通过PJ4平台的更新是可以换的,比如中秋节之前就换中秋节的图片,这个创意是非常不错,也是其他博客系统不曾做过的。最这个界面的时候我将一些图片合在一起便于加载,同时在尽量不失真的情况下压缩图片大小,所以对加载影响也不是很大的。这个页面只是在登录输入框上面加了点CSS3,其他的还是以正常的CSS为主。

PJBlog4后台登陆界面

第二个光看图片是比较简洁的,我是通过CSS3写出来的,没有用图片,因为这个界面的渐变比较的多,不用CSS3写的话还是会消耗很多的图片的。最后我稍稍做了改进基本做到与效果图类似,这个界面在FireFox和Chrome下是最完美的。

PJBlog4后台登陆界面

小于等于IE8下的效果 ↑

PJBlog4后台登陆界面

FireFox、Chrome下的效果 ↑

您可能还会对这些文章感兴趣!

关于网站后台界面的一点思考:目前有 89 条评论

  1. 42楼
    chwlinGoogle Chrome 17.0.963.78 Windows 7

    大侠!跪求您这篇日志里的图片插件啊!!!!跪求!!!

    2012-03-09 07:37 回复
    • WilliamGoogle Chrome 17.0.963.78 Windows 7

      @chwlin已经提供下载了https://www.weisay.com/blog/auto-highslide.html

      2012-03-09 10:16 回复
  2. 41楼

    效果确实不错!博主也是技术强人啦。佩服!

    2011-05-27 08:08 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

question razz sad smile redface biggrin shock confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter