外观
对齐
在界面设计中,将元素进行对齐,既符合用户的认知,也能引导视觉流向,让用户更流畅的接收信息。
文案类对齐
【】在页面中存在多个文本段落,请确定一个统一的视觉起点。
表单类对齐
【】活字格的网格特性,决定了多个表单样式会共享行列。在进行布局时,选择纵向布局,即标题/说明与表单样式纵向排列,会有效提升开发效率。
【】除特殊情况外,应用内不同页面中相同的「单元格类型」在宽高上请保持一致。
【】如果您的表单场景需要横向布局,即标题/说明与表单样式横向排列。冒号对齐(右对齐)能让内容锁定在一定范围内,有利于用户顺着冒号的视觉流,找到所有的填报项,提高填报效率。
格式类对齐
【】针对于数字的不同格式展现时,例如数值、金额、百分比等,建议格式的位数保持相同,并且右对齐。
表格内对齐
【】避免内容与表格线紧贴,表格内的所有内容请设置对齐间距。
🔔 TIP
水平靠左,垂直居中,缩进 3~5
。