分析后台

这个是我第一次做的后台,虽然潦草了点,但这也是我一点点摸索的的结果。之后我去又浏览Ant Design,发现我的后台有很多缺点。
在这里插入图片描述
在这个后台管理系统里我使用的颜色基本用的都是蓝色,因为蓝色让人看起来舒服,比较沉稳。另外我还在页面里的快捷入口的板块里添加了一些暖色调,这个是为了整体色调不会太单调。
而这个后台网页的错误就在基金管理和公告管理这两块版里,这个页面里很清楚的就可以看到基金管理的内容,而公告管理一眼看去,虽然可以看清楚内容,但是整体排版和基金管理不一至,基金管理文字排版比较松懈,让人看起来比较舒服,而公告管理的文字排版就比较紧密,让人看起来比较难受。
就像Ant Design里讲到,数据展示,合适的数据展示方式可以帮助用户快速地定位和浏览数据,以及更高效得协同工作。在设计时有以下几点需要注意:
依据信息的重要等级、操作频率和关联程度来编排展示的顺序。
注意极端情况下的引导。如数据信息过长,内容为空的初始化状态等。
表格
在这里插入图片描述
表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同,适用于信息的收集和展示、数据的分析和归纳整理、以及操作结构化数据。它结构简单,分隔归纳明确,使信息之间更易于对比,大大提升了用户对信息的接收效率和理解程度。
在这里插入图片描述
而这个页面我把基金管理内容做到了这种排版但是公告管理没做到。所以这个是我做的不足之处,有加改进。
另外就是字体,我使用的字体是:微软雅黑,大小:8px10px12px左右。我在使用字体上没有太大的出入。不过Ant Design里也有讲到,字体是体系化界面设计中最基本的构成之一。我们的用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率。Ant Design 字体方案,是基于『动态秩序』的设计原则,结合了自然对数以及音律的规则得出的,再经过了大量的蚂蚁中后台产品验证之后,推荐给大家。在中后台视觉体系中定义字体系统,建议从下面五个方面出发:
字体家族
主字体;字阶与行高;字重;字体颜色。
优秀的字体系统首先是要选择合适的字体家族。Ant Design 的字体家族中优先使用系统默认的界面字体,同时提供了一套利于屏显的备用字体库,来维护在不同平台以及浏览器的显示下,字体始终保持良好的易读性和可读性,体现了友好、稳定和专业的特性。
另外,在中后台系统中,数字经常需要进行纵向对比展示,我们单独将数字的字体 font-variant-numeric 设置为 tabular-nums,使其为等宽字体。
主字体
我们基于电脑显示器阅读距离(50 cm)以及最佳阅读角度(0.3)对 Ant Design 的主字体进行了一次升级,从原先的 12 上升至 14,以保证在多数常用显示器上的用户阅读效率最佳。
在这里插入图片描述
字阶与行高
字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。
按照Ant Design里说的所以字体方面就不会出现太大的问题。
导航栏的话我个人觉得没有什么太大的出入,所以这次分析就在此结束。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值