当前位置: 首页 > 设计 > 正文
avatar

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

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

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

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

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

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

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

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

小于等于IE8下的效果 ↑

FireFox、Chrome下的效果 ↑

本文固定链接: http://www.weisay.com/blog/about-interface-of-website-backstage.html | 威言威语

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

  1. avatar
    42楼
    chwlin Google Chrome Windows

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

    2012-03-09 07:37 [回复]
    • avatar
      William Google Chrome Windows

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

      2012-03-09 10:16 [回复]
  2. avatar
    41楼
    落花生 Mozilla Firefox Windows

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

    2011-05-27 08:08 [回复]
  3. avatar
    40楼
    搜啊 Internet Explorer Windows

    人才啊,学习

    2011-04-20 19:49 [回复]
  4. avatar
    39楼
    klant Internet Explorer Windows

    呵呵,不知道WP可以转换到PJ4后,自己会不会转过去。

    2011-03-27 12:54 [回复]
  5. avatar
    38楼
    某曦 Internet Explorer Windows

    好久没来了,都是21号的文章了,看来第一个还是受欢迎程度大些~

    2011-03-07 23:27 [回复]
    • avatar
      William Maxthon Windows

      嗯啊,所以最后也用的第一个~

      2011-03-08 13:46 [回复]
  6. avatar
    37楼
    song Maxthon Windows

    借找工作不方便上网这个借口,继续恶心地等待见不得公婆的PJ4,如果有消息,你要第一时间通知我……

    2011-03-07 09:43 [回复]
    • avatar
      William Maxthon Windows

      PJ4的最新消息可以看http://demo.pjblog4.com。最近一直在更新中……

      2011-03-08 13:46 [回复]
  7. avatar
    36楼
    优得客 Mozilla Firefox Windows

    真的很漂亮哦,不错的

    2011-03-05 16:39 [回复]
    • avatar
      William Mozilla Firefox Windows

      是么,呵呵~

      2011-03-06 14:26 [回复]
  8. avatar
    35楼
    IM路人 Maxthon Windows

    不错的风格,喜欢这种登陆界面

    2011-03-03 22:56 [回复]
    • avatar
      William Mozilla Firefox Windows

      呵呵,谢谢~

      2011-03-06 14:11 [回复]
  9. avatar
    34楼
    kita Google Chrome Windows

    經過各種辨別,喜歡那隻兔子的說。至少讓人感覺有活力些

    2011-02-27 14:35 [回复]
    • avatar
      William Mozilla Firefox Windows

      哈哈,兔年嘛,就用个兔子啦~

      2011-03-06 14:06 [回复]
  10. avatar
    33楼
    baby walker Google Chrome Windows

    后台的话要求功能全,操作方便,页面尽量简单吧

    2011-02-26 15:12 [回复]
    • avatar
      William Internet Explorer Windows

      恩,后台的管理页面会很简洁的,已经在思考了

      2011-02-27 11:26 [回复]
  11. avatar
    32楼
    song Maxthon Windows

    在换PJ4之前,我真的是没有多大兴趣再弄PJ3了,我甚至想加入WP大军了
    还有,严重支持第一个,设计感很强,CSS3再好,没有设计感的东西和设计的就是不一样……

    2011-02-26 14:38 [回复]
    • avatar
      William Internet Explorer Windows

      PJ4的大概轮廓就快出来了,最近一直在赶工呢。
      设计还是人家设计的,我负责实现效果,哈哈

      2011-02-27 11:25 [回复]
      • avatar
        song Maxthon Windows

        我有时间要用这个做套皮肤,应该蛮简洁的……

        2011-02-27 12:29 [回复]
  12. avatar
    31楼
    david Mozilla Firefox Windows

    呵呵,我还是比较喜欢第一张的效果哦。。看来大家都是牛人哈。

    2011-02-26 11:26 [回复]
    • avatar
      William Internet Explorer Windows

      瞎折腾而已,哈哈~

      2011-02-27 11:22 [回复]

发表评论

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

快捷键:Ctrl+Enter