后台分析
作者:巧仔
日期:2019年5月15日
这是我做的第一版后台,虽然做的不是很好,但是这是我经过思考而得出的结果。后来老师让我们去又浏览Ant Design,发现有很多缺点。
这个后台首页缺点就是页面单一。
下面是根据Ant Design里面的原则、视觉、模式和可视化分析出来的。
文案类对齐
如果页面的字段或段落较短、较散时,需要确定一个统一的视觉起点。
表单类对齐
冒号对齐(右对齐)能让内容锁定在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填写项,从而提高填写效率。
数字类对齐
为了快速对比数值大小,建议所有数值取相同有效位数,并且右对齐。
导航栏
在广义上,任何告知用户他在哪里,他能去什么地方以及如何到达那里的方式,都可以称之为导航。当设计者使用导航或者自定义一些导航结构时,请注意以下三点:
1.尽可能提供标识、上下文线索,避免用户迷路;
2.保持导航样式和行为一致或者减少导航数量,降低用户学习成本;
3.尽可能减少页面间的跳转(例如:一个常见任务需要多个页面跳转时,请减少至一到两次),让用户移动距离保持简短。
字体
名称使用的字体是汉仪菱心体简,内容字是微软雅黑,字体大小是:10px、12px和14px。
字阶与行高
字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。
在老师指导下我做了第二版、第三版。