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