有效网页表单的八条规则

2019-01-14 11:59:37丽君
因为他们可以很顺利的从上到下阅读问题列表而不被输入框打断, 他们会更
专注于你所问的问题. 但是这个样式会延长填完表单的时间, 因为视线在标
签和输入框之间移动会占据大量的时间。

标签右对齐, 输入字段垂直堆叠:
Form with right-aligned labels and vertically stacked input fields

右对齐的标签能够更容易区分和阅读, 并且剔除掉了标签和输入框之间那些
不合适的空间. 但是, 却使阅读更加困难. 它不那么吸引人, 而且看起来不整齐。

标签顶端对齐:
Form with top-aligned labels and input fields with variable stacking
顶端对齐的标签可以使填写表单更加迅速和容易, 因为眼睛不需要在标签和
输入框之间来回移动. 这种样式也让你把相关的字段放在一起, 节省了空间。
 
 

2. 让你的表单适应它的风格

每个表单都应该符合它要表达的形势或情况. 当你在计划着设计表单的时候,
问问自己下面的这些问题: 你打算问什么问题? 为什么问? 你的网页设计在
有表单和没有表单的情况下分别是什么样子? 表单中有没有用户要填的信息,
或者有没有他们想要填的信息? 你的回答会对你的表单样式和内容的设计有
所帮助。
 

3. 用你所需