后台分析

作者分享第一版后台设计,经老师指导浏览Ant Design后发现首页页面单一等缺点。随后从文案、表单、数字对齐,导航栏设计,字体选择及字阶行高方面进行分析,还在老师指导下完成了第二版、第三版设计。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

后台分析

作者:巧仔
日期:2019年5月15日

这是我做的第一版后台,虽然做的不是很好,但是这是我经过思考而得出的结果。后来老师让我们去又浏览Ant Design,发现有很多缺点。
在这里插入图片描述

这个后台首页缺点就是页面单一。
下面是根据Ant Design里面的原则、视觉、模式和可视化分析出来的。
文案类对齐
如果页面的字段或段落较短、较散时,需要确定一个统一的视觉起点。
在这里插入图片描述

表单类对齐
冒号对齐(右对齐)能让内容锁定在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填写项,从而提高填写效率。
在这里插入图片描述

数字类对齐
为了快速对比数值大小,建议所有数值取相同有效位数,并且右对齐。
在这里插入图片描述

导航栏
在广义上,任何告知用户他在哪里,他能去什么地方以及如何到达那里的方式,都可以称之为导航。当设计者使用导航或者自定义一些导航结构时,请注意以下三点:
1.尽可能提供标识、上下文线索,避免用户迷路;
2.保持导航样式和行为一致或者减少导航数量,降低用户学习成本;
3.尽可能减少页面间的跳转(例如:一个常见任务需要多个页面跳转时,请减少至一到两次),让用户移动距离保持简短。
在这里插入图片描述

字体
名称使用的字体是汉仪菱心体简,内容字是微软雅黑,字体大小是:10px、12px和14px。

字阶与行高

字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。

在老师指导下我做了第二版、第三版。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值