ui界面设计教务管理系统

主色调色板 Daybreak Blue / 拂晓蓝

中性色板

色彩应用

更多： https://ant-design.gitee.io/docs/spec/colors-cn

何时使用

通过「小号间距」（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、注意排序、对齐、按钮、文案等

管理系统ui界面设计颜色怎么选择

随着我国高校教学体制改革的发展，更加体现出以人为本的教育方针政策。学生自主地选择专业及专业方向、课程的选修机制、实验预约、成绩审核、学分制等管理方式的改革向传统的管理软件提出了新的挑战 。基于这种广泛的需求。 在充分综合各高校特点的前提下， 在多年深入研究的基础上，推出了一整套能够适应新的教学体制、能够最大程度满足高校现代化管理要求的教务管理系统。 教务管理涉及到学生从入学到毕业的全过程管理，包括学籍管理、教学计划、开课 / 排课、选课、成绩管理、实验管理、毕业设计及教学质量监控等多个环节。“高校综合教务管理系统”包括系统工具、教学资源、学籍管理、教学计划、开课管理、智能排课、选课、考务、成绩管理、毕业设计、开放性试验室、毕业资格审查，毕业环节管理，教学质量监控、教材管理等十余个子系统，适用于综合性大学、学院、专科、中专及职业学校，能够完成学年制、学年学分制、完全学分制学校教务管理部门对学生从入学到毕业离校的全过程管理。 高校教务管理工作是高等教育中的一个极为重要的环节，是整个院校管理的核心和基础。面对种类繁多的数据和报表，手工处理方式已经很难跟上现代化管理的步伐，随着计算机及通讯技术的飞速发展，高等教育对教务管理工作提出了更高的要求。尽快改变传统的管理模式，运用现代化手段进行科学管理，已经成为整个教育系统亟待解决的课题之一。 高校综合教务管理系统( JWGL )是一个大型复杂的计算机网络信息系统，采用基于浏览器 / 服务器( B/S )，客户端 / 服务器( C/S )混合的应用体系结构来建设高校网络教务管理系统，使高校教务管理 真正实现远程办公、异地办公。满足各类高校现在和将来对信息资源采集、存储、处理、组织、管理和利用的需求，实现信息资源的高度集成与共享，实现信息资源的集中管理和统一调度。为各级决策管理部门提出准确、及时的相关信息和快捷、方便、科学的决策分析处理系统为信息交流、教务管理提供一个高效快捷的电子化手段最终达到进一步提高各级领导科学决策水平，提高各院系、各部门管理人员管理水平与办公效率，减轻工作负担的目的。

一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是...

以上就是关于后台管理系统UI风格规则--Ant Design “设计” 中的一些实用点全部的内容，如果了解更多相关内容，可以关注，你们的支持是我们更新的动力！