# 整齐划一
由于人类的视觉倾向于感知连续的形式而不是离散的碎片,所以对齐的信息更有助于用户的识别,其次对齐的元素在视觉上也有视线引导的作用
# 文案对齐
根据尼尔森 F 视觉模型,一般用户浏览页面会先从顶部开始从左到右水平移动,然后目光再下移,开始从左到右观察短距离浏览,最后再以较短的长度向下扫视,形成一个 F 形状
文案类对齐事例
对于文案较多的页面,一般采用左对齐的方式,用户可以更快速的浏览到,同时也符合用户的浏览习惯
# 表单对齐
Web 设计中,表单一般采用右对齐方式,表单对齐一般分为右对齐、顶部对齐、左对齐。表单右对齐,当标签字符数量有差异时,标签右对齐,产生统一的视线引导,用户可快速的找到输入框,同时标签、输入框左右水平排列也符合用户从左到右的阅读习惯;表单顶部对齐,适用于简单表单(如登陆页),或标签文字较多时,以及页面可使用的水平空间较小时;表单左对齐示例,不适用标签字符数量差异较大的表单,因为如果标签字符数量差异较大,用户的视线从标签移到输入框所需的时间较长,以上三种表单对齐方式,可根据实际情况选择
表单右对齐示例
标签右对齐具有统一的视线引导,用户可快速的找到输入框
表单顶部对齐示例
顶部对齐垂直空间占用较多,适合简易表单(如登录页)
表单左对齐示例
不适用标签字符数量差异较大的表单