首页 > 编程 > HTML > 正文

有效网页表单的八条规则

2019-10-26 17:24:38

字体：大中小

来源：转载

供稿：网友

如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。

一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。

明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。

文章中所有的实例都是用CoffeeCup Web Form Builder生成的.

1. 保守性的搭建, 并带有目的性的设计表单

我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍

并且剔除绝对不必要的或者不会提供实际收效的表单元素. 保证表单的每个部

分都对整体起到了推动作用, 这样用户会感谢你。

你的表单结构应该和表单内的元素一样具有功能性. 当设计表单样式的时候,

要记得, 至少在西方国家, 人们的阅读习惯是从上到下, 从左到右. 他们也经常

用Tab键在表单各个元素之间移动. 你的设计应该通过元素摆放的合理性和标

签的语义性来实现. 当然, 永远不要让你的表单看起来分散或杂乱无章——保证

所有的元素都均匀的分隔开, 并且排列整齐。

下面是一些标准表单, 你可以用来作为出发点, 设计出更加有创造性的表单:

标签左对齐, 输入字段垂直罗列：

Form with left-aligned labels and vertically stacked input fields

这个表单的特点是标签左对齐, 输入框整齐有序的从上到下排列. 我们的眼

睛能够很容易的捕捉表单元素, 特别是当你问到一些用户不太熟悉的问题时。

上一篇：firefox支持webdings字体的方法

下一篇：img usemap属性中国地图链接

学习交流

电脑开不了机的原因和解决办法

电脑开不了机的原因和解决办法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注