咨询电话:
15628812133
01
2023/09

表单对齐方式要根据整个系统的表单数据数量来决定

发布时间:2023-09-01 17:25:56
发布者:whr
浏览量:
0

最近做的一个后台管理项目,界面设计中很多弹窗表单,表单的对齐方式为顶对齐方式,当时选择顶对齐的排列方式的原因是标题和输入框的间距小,缩短填写表单时间;垂直路径一直向下,用户的视线固定;统一输入框宽度,视觉效果更统一。设计的时候展示表单信息也是一屏的高度正好,但是没考虑到前端实现页面效果可能会有偏差,标题间距太大,导致一个弹窗还显示不全,需要加下拉框,效果如下图所示:

form.png

导致这种原因一个是间距,另一个就是对齐方式了,顶部对齐方式高度会比左对齐占据的多,因此此时对齐方式选择左对齐最为合适,如下图所示:

form2.png

如展示数据过多,可另起两列展示,且没有下拉框,展示清晰明了。

返回列表