网站后台管理系统设计（后台管理系统UI风格规则--Ant Design “设计” 中的一些实用点）

本文目录

• 后台管理系统UI风格规则--Ant Design “设计” 中的一些实用点
• 网站搭建后台用户角色权限管理系统的模板（四）
• 网站后台管理系统 怎么做出来的
• 设计后台管理，需要UI出所有效果图吗
• 后台设计无从下手微信后台用这7点教会你！
• 怎么搭建网站后台管理系统
• 叙述网站的后台设计模块有哪些及每个模块的功能

后台管理系统UI风格规则--Ant Design “设计” 中的一些实用点

主色调色板 Daybreak Blue / 拂晓蓝

中性色板

色彩应用

***隐藏网址***

何时使用

通过「小号间距」（8px）、「中号间距」（16px）、「大号间距」（24px）三种规格来划分信息层次

在这三种规格不适用的情况下，可以通过加减「基础间距」的倍数，或者增加元素（e.g. 分割线）来拉开信息层次。

—————————————————————————————————————————————

1）次按钮

常规按钮，用于非主要动作。如果 不确定选择哪种按钮，次按钮永远是最安全 的选择。

2） 主按钮

突出“完成”、“推荐”类操作； 一个按钮区最多使用一个主按钮 。

3） 文字按钮

弱化的按钮，采用更轻量的按钮样式，可用于需 大面积展示按钮场景，例如表格组件中的操作列 。

4）图标按钮

图标提供视觉线索，避免逐字阅读按钮文案，更高效地使用界面。

5）在按钮中添加图标

用于对按钮含义补充解释，提高按钮识别效率。

6 ）特殊按钮
虚线按钮、危险按钮、幽灵按钮等

将按钮区放置于用户浏览路径中，便于被用户发现，如 “F 浏览模式” 和 “Z 浏览模式” 。

什么时候需要在 Footer 中放置按钮区？（为了要和 Body 区区分开来）

按钮顺序

推荐操作是阅读的起点，折叠内容始终在最右侧。

按钮分组

布局相关：

验证导航系统 的设计好坏可对其进行压力测试：像跳伞一样跳进网站里，验证导航系统的极限。
1）忽略首页，随机直达网站某一页面；
2）看用户是否能知道当前位置以及与网站其他部分的关系。在哪个网站的哪个部分？上层网页是什么？
3）是否知道这个网页会带你到哪里去？链接文字是否能说明去向?

基础布局

页级的批量操作影响整个页面，可布置于页底。

选择模版

区隔方式

根据各个信息之间的相关性，判断各个信息模块之间的亲密度，通常情况下，相关性强的内容尽量靠近，相关性弱的的内容尽量拉开层次。

简单总结一下最主要思路和中心思想
1、首选light模式，特定情况（需要沉浸式/暗光）下选择dark暗黑模式
2、导航 按需，目的是帮助用户了解网站可用功能、当前位置、关系、去向
3、给内容区域最大的空间
4、根据内容选用合适模版、组件
5、注意布局与间距
6、注意排序、对齐、按钮、文案等

网站搭建后台用户角色权限管理系统的模板（四）

不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。那么网站搭建后台用户角色权限管理系统的模板都有哪些?

促销活动在接入权限管理系统过程中，需要拆解该功能模块的权限元素(到一定颗粒度)，因此需要根据业务特征来判断需要拆分的颗粒度，是到功能菜单、功能操作还是数据字段的级别，明确拆分颗粒度之后，权限管理系统才可以给不同角色按照颗粒度授予权限;

4.促销活动后台接入权限系统后

促销活动在接入权限管理系统过程后，当对应角色的用户再次登录这个后台时，首先后台会校验该用户的角色是否拥有该功能模块的权限，以及该角色权限对应的操作权限和数据字段权限，校验结果经服务端处理会在产品端展示给用户可见。这个时候，同一用户再该后台可见和可执行的操作与接入权限管理系统之前可能有很大的不同，这就是基于用户角色的权限管理系统带来的改变。

四.Q&A

1.一个用户拥有多个角色，多角色之间如果存在互斥关系如何处理?

如果一个用户已经被添加到某一角色范围下，那么，当给该用户添加一个与当前角色存在权限互斥关系的角色时，系统会进行互斥性判断，后面的角色就无法给该用户添加成功;

2.业务发展过程中，如何保证不同角色之间权限拆分清晰?

随着业务的快速发展，一定会不断新增不同的角色和更多的功能模块，而且这些角色和功能权限之间的关系也会日益混乱，这个时候需要产品经理和业务方一起，及时的面对业务的发展变化，及时、快速的梳理业务调整范围，作出对应的改变;

3.用户权限管理系统核心难点是前期的产品设计吗?

用户权限管理系统核最难的不是前期的产品设计，而是后续的运营维护，因为权限系统的结构往往不会随意变更，但是随着业务发展快速出现的角色和功能模块，为了防止角色和功能权限之间的关系变得混乱，在建立新的角色和分配权限的时候需要思路清晰且慎重调整。

以上就是全部的网站搭建后台用户角色权限管理系统的模板。

网站后台管理系统 怎么做出来的

如果你想做网站的话，你需要做一个前台，也要做一个后台，前台后台是业务逻辑的说法。具体到代码，前台和后台各自有他们的前端和后端，前端也就是html/css/js代码写的，后端就是程序语言java、python等编程语言写的，是程序编程的范畴。
前台是提供给游客，注册用户等目标人群使用的，后台是提供给网站管理员使用的（用来提供更新网站内容，管理用户等等与普通用户无关的功能）。
从你的问题来看，你不懂编程的东西，只会简易的Adobe Dreamweaver CS5的建站方式，短期学会用编程语言做网站不现实。所以我建议你放弃掉原来用Dreamweaver做的东西。去了解一下CMS内容管理系统。网上有很多这种专门为不懂编程的人提供的简易建站产品，很容易就可以做网站，你只需根据自己的需求修修改改就行了，不需要专业的知识。不过这种系统做的网站有一点死板，所以专业的程序员一般是在此基础上改，或者干脆自己写网站。
如果觉得CMS贵，可以去找下免费的开源的免费建站，例如你可以在百度搜索一下有很多免费的论坛产品，直接就可以建了，连域名服务器，数据库什么都不用管了，它直接提供了一套模板论坛，你只需要贴上自己的装饰就行了，连注册等服务都有。

设计后台管理，需要UI出所有效果图吗

1.后台的架构设计是非常复杂的，决计不是一篇千字不到的文章就可以将后台设计的整个生命周期阐述清楚，因此我建议大家把这个回答当做一个立项时候的方法论就好。

2.关于第一张图已经被很多人吐槽了，这种图是我立项的时候，自己整理思路，或者和需求方讨论的时候作为纲领来用的，主要是帮助我在需求还不清晰完整的时候，枚举出大部分可能存在的需求并进行粗略的分类，当需求已经得以窥知全貌的时候，当然还会有更加细节的功能流程图和时序图等uml吧啦吧啦的。大家如果更习惯用思维导图，其实更好。

3.一个完备的后台，可能会包括多种类型或者不同权限的用户，以及功能之间很多时候并非完全割裂，对于这样的情况，粗暴的将功能分为一个个桶自然不太合适，后续是需要对此进行功能的再次梳理和功能间的合理跳转的。

后台设计无从下手微信后台用这7点教会你！

我们对公众号都很熟悉，每天我们都会在碎片化的时间里刷刷手机，看看微信公众号里的文章，今天可能被服务号推送的美妆推荐软广种了草，明天又可能被朋友转发的咪蒙鸡汤洗了脑。微信公众号一直都以各种形式穿插在我们的生活中，这样一个服务着几亿用户，让「自媒体」得到空前发展的平台必定需要一个强大的后台管理系统来支撑。可是除了运营和创作者，很少有人会了解这个出产了无数10w 文章的地方——微信公众平台后台。

微信公众平台后台对于产品经理来说是一个非常值得学习和借鉴的后台系统。后台系统一般相对复杂，很多业务流程都是多线程穿插，而不是单线程的，对产品经理功能模块的划分和页面的逻辑设计要求非常高，并不是简单的进行功能堆积。不同于前台产品，大多数后台产品是企业内部使用的，所以我们很少有优秀的竞品可以参考。而微信公众平台正是为数不多的面向C端用户的开放式后台系统，我们可以通过它来学习如何设计一个出色的后台系统。

今天我们就来好好探讨一下，微信公众平台的后台系统究竟是如何做到，既可以保证庞大的系统功能完善，还能让页面逻辑合理清晰。

同时我还给大家准备了「微信公众平台」的后台原型资源，打开就能使用哟！~

信息结构设计是整个后台系统设计的灵魂，一个好的后台系统可以没有漂亮的页面，但一定要有清晰的框架结构，这关系到每一位使用者的体验以及后续添加功能时是否有清晰的逻辑。所以产品设计者需要高度熟悉业务逻辑和功能模块，将它们根据用户的使用流程和习惯来进行清晰的结构设计，将每个模块按照一定的逻辑进行划分，让用了解到自己需要寻找哪个功能时，知道该去哪里寻找。

比如微信公众平台在划分模块的时候，就是根据用户所要完成的“事情”（比如公号的基础和管理、统计分析、开发、推广公号）为主要逻辑来设计，并不是简单的以“”（比如用户、消息、菜单等）来设计，更加符合用户操作的流程和使用习惯。

在分析好信息结构之后，我们还需要根据产品特性和功能来统一整站的页面布局框架。一般分为主菜单、二级菜单、页面主体和功能事件等主要结构。比如微信除素材页外基本上都采用了以下的页面框架，让整个系统设计清晰统一。

微信公众平台在首页把用户的最近活动、关键信息和常用功能做了一个整合，给了用户一个「轻量定制化」的首页，让用户快速找到想要的东西，并进行对应的操作，而不是分散地去一个一个的子导航下寻找。

这也是我们后台管理系统设计中可以借鉴的一个地方，让最常用的功能和信息从复杂的架构中脱离出来，有一个独立的展示位，提高用户操作效率。

在众多后台系统中大部分是没有所见既所得这种设计，一般是在设置后从其它页面打开才可以看到最终的呈现效果，这种方式让用户在操作时很难明确自己所修改的内容对产品造成的实际影响。而微信的后台系统就进行了改良，它的自定义菜单和页面模板功能，都是可以即时看到最终的呈现效果，所见即所得。这样的设计的好处，用户在使用过程中就可以看到最终的呈现效果，并且根据呈现效果来适当的去调整产品的文案细节，节省很多的时间。

一般来说，后台系统功能都很多，但很多功能用户并不常用。这种情况我们可以学习微信公众平台的，将一些功能以插件的方式进行收纳，用户在需要使用的时候再自定义添加。这样能让用户界面更加简洁，聚焦于重要的和常用的功能，同时也保证了功能的完善性。

微信平台中的统计菜单下的内容，全部是用图表的方式来呈现数据的，因为图表的逻辑性要远高于文字，也更加一目了然。

所以我们在进行后台设计时可以合理的应用图表数据功能，不仅能提升使用者的分析效率，同时也更加专业。

后台系统中很多功能在特定的环境会有不同的含义，或者说不同的规则，用户可能并不能完全理解这些词汇所代表的意思，这个时候就需要一些恰到好处的文字说明来进行解释，帮助用户更好的理解和使用这个功能，减轻用户的心理压力和减低他们的学习成本。

比如微信在一些特殊状态或功能关键词下用比较轻量的用浅灰色的文字讲解。

上面解析了那么多，希望能给你设计后台系统时一点小小的参考，我们这正好有高低保真的原型，你可以先从高低保真原型先入手试试，一点一点地进行设计，相信你也可以做出页面逻辑清晰的后台系统！

这次用到的原型设计工具：

除了高低保真原型还有大量的组件，那么怎么把这些组件为你所用呢？

微信公众平台高保真原型

微信公众平台低保真原型

微信公众平台组件库

微信公众平台页面库

xiaopiu工坊

作者：Ms.Piu

怎么搭建网站后台管理系统

怎么搭建网站后台管理系统?做一款产品、需要明确产品定位，即产品的用户是谁、能满足这部分用户哪些需求，解决哪些问题。不二网小编认为要注意以下三维度：

一、业务流程是灵魂

B端产品更贴近业务。熟悉业务是做好B端产品的前提。

以电商商家系统为例，商品来源有两个维度、一种是自营、一种是商家入驻提供。

商家系统需要支持商家把商品卖出去，并且卖的很好。但这简单需求的背后，包含了商家需要进行入驻——然后发布商品——管理订单——处理售后——货款结算——提取货款这几大复杂流程。

如果把后台管理系统看作是人。业务流程就像灵魂一样，它决定了产品的形态。

二、功能模块低耦合

根据业务流程衍生出：商家管理、商品管理、订单管理、物流售后、货款结算、账户管理几大基本功能模块。每个模块又包含多个菜单功能。

商家管理：包含商家注册登陆、公司信息管理、资质认证、缴纳保证金。

商品管理：管理商品品牌类目、发布商品、商品上架、商品下架、商品仓库。

订单管理：订单查看、异常订单处理、退换货单据管理。

物流售后：物流配送设置、发货管理。

货款结算：结算管理、结算明细、赔付单据管理、运费结算管理。

账户管理：保证金体系、货款查询、账户额度查询。

有了具体模块后，我们就能细化具体菜单功能。随着业务的变迁增长、规模增长、一些功能模块又会被剥离成为一个个独立的系统，因此，功能模块设计时需要注意低耦合、在重构之日，能较好的迁移。后台产品很多都需要了解甚至懂技术、因为后台系统设计、我们需要细化每个字段、了解数据库、表结构。

三、数据流向是血液

一个产品有两种数据：输入出数据，数据流向指系统输入数据的去向、输出数据的来源。数据的流动使得产品变得有生命力。

后台系统并不是单一的存在、一个商家系统与之交互的有：招商管理系统、商品系统、订单系统、支付系统、财务结算系统、物流系统、BI系统、营销系统、广告系统、推荐系统、消息中心

在产品设计时、需要清晰的知道，每个功能模块与之交互的系统，每个单一数据的去向，流转，牵涉到相关系统的影响。这样才能规避风险。同时把控产品的拓展性，延伸性。

设计后台系统还需注意以下几点：

1、系统易用好懂。

良好易用的系统、能大大提升相关工作人员、同事的效率、直接节约时间成本。

2、功能模块低耦合。

设计后台产品就是做架构，互联网产品增长非常快，迭代频繁，用户增长都是数万计的，也许三五个月，现有的系统已不满足当前的业务，而良好的模块划分、低耦合，不管是在迭代重构之日，还是数据迁移，都会起到极大的作用。

3、权限角色分配。

后台系统是数据池、相关工作流程由多种角色或是多个部门协助完成，因此相关权限角色需要有很好的划分。

首先创建角色——然后给该角色分配权限，不同角色，菜单和数据权限不同。

再创建账号——给该账号分配角色。这样，该用户就分配好功能权限了。

以上就是小编对于搭建网站后台管理系统的建议。

叙述网站的后台设计模块有哪些及每个模块的功能

企业网站一般都是具备网站管理后台的网站，可以根据管理后台提供的管理模块动态更新网站内容，使用网站功能，可以称作为功能性网站
企业网站管理后台设计有一个重要的原则：不需要有多么强大的功能，但是一定要有简洁方便的操作界面，方便企业录入产品或者资讯以及对于后期功能模块的添加等，这样运营维护起来大大降低了成本。
关于功能模块有很多，例如新闻发布系统，产品管理系统，会员管理系统，图片管理系统，友情链接管理系统，在线商品支付系统等。此外，营销型网站有专门的客服管理系统等。这些模块存在的价值就是能够让企业自行维护网站的内容，不需要网站的维护人员懂得专业的建站知识就能懂得网站页面的更新操作，调整、、上传具体内容。