欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

html模板

经典黑色BS后台界面HTML模板
2019-12-04 我的站长站

经典黑色BS后台界面HTML模板

  • 模板编号:833
  • 模板分类:html模板
  • 点击次数:431
  • 模板终端:电脑端
  • 适用版本:静态模板
  • 模板编码:UTF-8
  • 下载权限:普通 / VIP
  • 模板售价:免费下载
  • 下载次数:51
立即下载

经典黑色BS后台界面html模板,也可以用于管理系统或其它通用后台界面。这款的宗旨是,页面基本没有过多的交互效果,简洁粗暴的同时带来的是界面加载速度的提升或操作便捷性的增加。2个css文件不超过20k,图标采用的是字体图标,图标素材都来自于icomoon网站,没有任何图片。页面整体采用扁平化处理,布局更趋向于暴露内容的本质,页面块之间的留白更多,字体更大,配色更单一,在form表单处参照了bootstrap的流行风格,也加入了一些css3的动画效果,当然只有高级浏览器才支持。按钮是参照bootstrap的兼容写法,没有采用图片。这款主要是追求的页面的速度与原始技术的表达。同时其它方面也加入了我这几年对页面设计及前端的一些理解与感悟。

经典黑色BS后台界面HTML模板
后台界面模板截图

1. Login页面

这个页面没有过多的装饰,只是让用户简单的填写,无心理压力的点击提交按钮。

2. Main主界面

1).  主界面顶部还是采用经典的黑配蓝的搭配,也没采用固定定位,固定定位的缺点就是在小屏上反而减少了视口大小。

2). 左侧菜单是固定宽度的布局,右侧主区域则是自适应。

3). 左侧菜单的图标采用的字体图标,关于这块图标,每个图标完美的诠释了后面菜单的语义,有些朋友可能怀疑自己审美不行或者选择的能力较差。其实有些事情是练出来。这块图标的选择化了很长时间,总体可能在半天左右,刚开始选择完一套之后就没管,但过了一天发现有几个感觉不太适合,又开始寻找可替代的图标,最后陷入了否定与自我否定的死循环中。还好,在经历痛苦挣扎过程之后,在某一早晨,大脑清醒的情况下,果断定了现在这套。

4).  右侧链接的颜色明显用蓝色标注,这在用户体验上可能稍好一点,页面链接出处用明显的颜色标识,让用户在感知上一目了然。同时整体的信息块之间用小灰线分隔,并且标题加粗,用户关心的信息,颜色稍黑显示。

3. 列表页面

1).  左边菜单是一样的,为了标识当前的位置,在主显示区有个简单的sitemap。首页->作品管理。这块。

2).  提供基本的搜索入口,这个搜索为了方便是用table布局的,可以添加更多的字段,进行搜索。如果字段过多时,可以分行。查询按钮放在另一行右对齐。

3). 结果列表处,操作按钮放在左上角,比如:新增作品,批量删除等,为了是让用户醒目的看到操作。

4).  这个table是分为table>tr>th+td的布局结构。在td鼠标经过时有颜色变化,并且奇偶数行颜色进行css3的处理。整个页面看起来素雅且不牛单调。th,td选择了左对齐的方式,这样页面看起来有一种数据的规律感,如果是居中对齐,感觉视角上很零散,阅读反而增加了障碍。

4. 新增与修改页面

1).  这是一个新增修改页面,整体的布局是采用table,为了不影响视角展现,采用了淡淡的边线,这样做的目的是体现细节的处理。边线即不影响视角预览,同时也是页面具有引导意义。这块也可以使用ul,li布局,但为了使边丝均匀,简单,就采用table。

2).  字段这块采用的是右对齐,这块处理的原因是方便视角的焦点快速的移动,曾在一本设计书上也有其它的看法:强调字段就左对齐,不强调则右对齐。但从视角上看左对齐还是信息点过于分散的缺点。

3). 提交按钮用一种亮色暗示页面操作的重心所在。

5. 设置页面

1).  这块的一个细节处理是在站长信息设置下面还有一个按钮,一个页面上有两个提交按钮,普通的用户以为是要操作两次,其实只是一个form表单。放两个的目的在于,由于表单过多,防止意外的发生,上下各放一个,方便提交。

2. 另外一个处理是input[type="text"]的处理更宽,方便信息的录入。 

相关专题
网站后台模板
网站后台模板
2020-02-25 753

我的站长站为您提供免费网站后台模板下载,包含热门的CMS后台模板、静态网站后台模板、HTML后台模板等等。

下载地址

· 积分下载:下载扣除对应积分,不扣除下载次数
· VIP免费:VIP会员免费下载,扣除下载次数
· 下载即代表您已阅读并同意 [服务条款]

相关推荐
  • 后台模板
  • html后台模板
  • 后台管理模板
  • 黑色模板
  • 帝国CMS后台登陆界面美化+自适应版
    帝国CMS后台登陆界面美化+自适应版

    帝国CMS后台登陆界面美化+自适应版说明支持认证码输入,支持验证码输入,不支持密码提示问题!请注意,只是登陆界面美化! 帝国CMS后台登陆界面美化+自适应版使用方法使用方法也很简单,下载压缩包,解压得到...

    帝国cms模板 4391 6年前
  • 帝国cms经典后台登录模板
    帝国cms经典后台登录模板

    帝国CMS模板使用方法:解压文件覆盖到帝国CMS目录eadmin下。---------------------------------------------完善的会员系统 ·灵活的会员组功能:通过会员组功能对会员进行权限级别划分,可设置...

    帝国cms模板 1421 9年前
  • 蓝色OA风格帝国cms后台登录模板
    蓝色OA风格帝国cms后台登录模板

    帝国CMS后台模板为utf8编码,其他编码请自行转码,帝国CMS7.0版本。安装方法:覆盖e目录即可。--------------------------------------------帝国CMS7.2版本Fckeditor编辑器更新如下:1、更新让编辑器默...

    帝国cms模板 1892 9年前
  • 免费简洁帝国CMS后台登录模板
    免费简洁帝国CMS后台登录模板

    免费简洁后台登录模板使用方法,直接覆盖即可。免费简洁后台登录模板演示效果图

    帝国cms模板 1213 10年前
  • Bootstrap框架H5自适应后台管理系统模板
    Bootstrap框架H5自适应后台管理系统模板

    Bootstrap框架H5自适应后台管理系统模板是一款国外的模板,英文原名为Adminor。基于 Bootstrap4 设计,自适应,多元素、多用途的管理后台模板,它有许多漂亮的 UI元素、小部件和更多功能,模板包含 2000+ ...

    html模板 639 3年前
  • 蓝色通用HTML全套完整后台模板
    蓝色通用HTML全套完整后台模板

    蓝色通用HTML后台模板,包含首页、列表、表单、会员控制面板等等HTML页面

    html模板 965 4年前
  • html通用后台管理网站模板
    html通用后台管理网站模板

    后台管理网站模板说明html通用后台管理网站模板共分为13个后台页面,包括登录、系统首页、产品管理、图片管理、交易管理、支付管理、会员管理、店铺管理、消息管理、文章管理、系统管理、管理员管...

    html模板 430 4年前
  • HTML后台登录界面网站模板
    HTML后台登录界面网站模板

    HTML后台登录界面网站模板说明单页面后台登录界面模板,绿色风格中国风山水画背景。

    html模板 605 4年前
  • DTcms内容管理系统后台全套HTML静态模板
    DTcms内容管理系统后台全套HTML静态模板

    DTcms内容管理系统后台全套HTML静态模板,只是HTML静态页面,不包含程序文件。 全套26个页面,包含首页、列表、表单等等各类型常用静态页面。...

    html模板 772 4年前
  • 经典黑色BS后台界面HTML模板
    经典黑色BS后台界面HTML模板

    经典黑色BS后台界面HTML模板,也可以用于管理系统或其它通用后台界面。这款的宗旨是,页面基本没有过多的交互效果,简洁粗暴的同时带来的是界面加载速度的提升或操作便捷性的增加。2个css文件不超过20...

    html模板 431 4年前
  • 自适应粉色织梦CMS后台模板美化版
    自适应粉色织梦CMS后台模板美化版

    织梦CMS后台模板美化版介绍1、模板基于DEDE Cms 5.7 设计2、兼容常用分辨率3、兼容主流浏览器4、分GBK2312和UTF-8两个版本模板安装方法1、下载最新的织梦dedecms5.7 UTF-8版本。2、解压下载的织...

    织梦cms模板 912 5年前
  • 山东大学项目申报后台管理系统模板
    山东大学项目申报后台管理系统模板

    山东大学项目申报后台管理系统模板,蓝色风格,全套模板,包括登录、项目申报、项目列表、采购进度等17个后台模板页面。项目申报后台模板截图...

    html模板 213 3年前
  • 自适应织梦CMS后台模板美化版
    自适应织梦CMS后台模板美化版

    模板介绍1、自适应织梦CMS后台模板美化版测试兼容主流浏览器2、模板包含安装说明,并包含测试数据。3、本模板基于DEDECms 5.7设计4、包含UTF-8及GBK两种编码的模板。模板安装方法1、解压后会得到g...

    织梦cms模板 2969 5年前
  • 织梦CMS后台登录模板美化版
    织梦CMS后台登录模板美化版

    界面截图织梦CMS后台登录模板美化版说明1、模板为UTF-8编码织梦后台,需要GBK版自己转编码2、(自适应版)和(移动端版)两个版本文件织梦CMS后台登录模板美化版使用方法解压后得到,根据需要版把dede默认后...

    织梦cms模板 586 5年前
  • HTML营销企业办公系统后台网站模板
    HTML营销企业办公系统后台网站模板

    HTML营销企业办公系统后台网站模板页面介绍办公系统模板包括首页、日用资料、我的意向客户管理、意向客户信息列表、VIP客户信息录入、VIP客户信息列表、添加保护系统、我的保护系统列表、员工保...

    html模板 333 4年前
  • 苹果CMSV8黑色新数据主题模板下载
    苹果CMSV8黑色新数据主题模板下载

    模板介绍一款苹果CMSV8黑色新数据主题模板,电脑端不自适应,风格简单。包含影视、新闻、会员、搜索、排行榜等等模块,属于全能型模板。修复了部分BUG,首页推荐设置推荐一模板安装方法1.将模板上传至网...

    苹果cms模板 81 1年前
  • 帝国黑色通用保安企业网站模板下载
    帝国黑色通用保安企业网站模板下载

    帝国CMS模板安装教程1、上传Style目录到帝国CMS根目录 2、登录后台 - 模板 - 导入导出模板 - 导入模板 - 刷新数据帝国CMS模板说明1、本模板为GBK编码 2、模板分为首页、默...

    帝国cms模板 324 10年前
  • 黑色个性博客帝国CMS模板免费下载
    黑色个性博客帝国CMS模板免费下载

    本模板收集网络,未经测试,自行测试。------------------------------------------------------------ 原网站文章内容随机截取:不知从何时起,坐在电脑前多数是心情不好的...

    帝国cms模板 630 10年前
  • 帝国cms黑色资讯模板免费下载
    帝国cms黑色资讯模板免费下载

    帝国cms模板安装方法:1、上传skin目录到帝国CMS根目录2、登录后台 - 模板 - 导入导出模板 - 导入模板 - 刷新数据数据库安装方法:教程:http://www.wdzzz.com/ttl/138.html数据表前缀:phome_默认帐号...

    帝国cms模板 1887 8年前
  • 织梦cms黑色博客模板
    织梦cms黑色博客模板

    织梦cms黑色博客模板说明:1、全站div+css布局,加载速度飞快2、代码精简优化,利于访问速度3、css和js文件合并,减少http请求4、内链布局优化,提升用户体验也更利于蜘蛛抓取5、全站广告位预留,让你的网站...

    织梦cms模板 410 6年前