Skip to content

对齐

在界面设计中,将元素进行对齐,既符合用户的认知,也能引导视觉流向,让用户更流畅的接收信息。

文案类对齐

】在页面中存在多个文本段落,请确定一个统一的视觉起点。

表单类对齐

】活字格的网格特性,决定了多个表单样式会共享行列。在进行布局时,选择纵向布局,即标题/说明与表单样式纵向排列,会有效提升开发效率。

】除特殊情况外,应用内不同页面中相同的「单元格类型」在宽高上请保持一致。

】如果您的表单场景需要横向布局,即标题/说明与表单样式横向排列。冒号对齐(右对齐)能让内容锁定在一定范围内,有利于用户顺着冒号的视觉流,找到所有的填报项,提高填报效率。

格式类对齐

】针对于数字的不同格式展现时,例如数值、金额、百分比等,建议格式的位数保持相同,并且右对齐。

表格内对齐

】避免内容与表格线紧贴,表格内的所有内容请设置对齐间距。

🔔 TIP

水平靠左,垂直居中,缩进 3~5