当前位置: 网站建设 > 网页设计 > 建站经验 >

制作网页评论表单

时间:2013-03-02 03:57来源:未知 作者:admin 点击:

标签:制作网页评论表单 设计(106)该是(1)好的(27)一个(102)网页(168)制作(46)表单(17)评论(10)
一个好的评论表单设计,应该是label和input越凑近越好,如果label在input之上那是相称完美的位置啦, 制作网页时编写CSS代码的25个小技巧 ,但是实际操作可能须要斟酌到实际的产品需要,字段的多少。大多数表单都是先姓名,接下来Email,其次是网址,最后是评论框这样排列, 制作网页十大诀窍 ,简直所有的博客和网站的评论框都是用这样的排列方式,但是否这样的方式是最好的方式? 摘自本文你应当把label标签放在input的上面,这样的布局,可以让眼睛始终保持label和input的最小距离,假如
制作网页评论表单》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302339222013.htm

一个好的评论表单设计,应该是label和input越凑近越好,如果label在input之上那是相称完美的位置啦,制作网页时编写CSS代码的25个小技巧,但是实际操作可能须要斟酌到实际的产品需要,字段的多少。大多数表单都是先‘姓名’,接下来‘Email’,其次是‘网址’,最后是‘评论框’这样排列,制作网页十大诀窍,简直所有的博客和网站的评论框都是用这样的排列方式,但是否这样的方式是最好的方式?

摘自本文“你应当把label标签放在input的上面,这样的布局,可以让眼睛始终保持label和input的最小距离,假如你要把label放在input的左边的话,别被域名后缀迷惑了你,那你至少要坚持label中文字右对齐,这样也是一种最小间隔。同时倡议文字不要应用粗体。”

我的一个友人,做了一个不同凡响的评论表单设计,如图:

--> [网站建设之]制造网页评论表单

vadim,usabilitypost 的读者,发表过一篇很有意思的文章,《评论表单设计》。文章里说他在网上留意良久,发现了网上的大多数表单都把“姓名”和“Email” 作为必填的选项,不外作为评论表单来说和传统表单应该有差别了,除了“姓名”和“Email”外,“评论项”也是必不可少的,如图:

这样的设计挑衅了传统的设计,把评论框放在了第一的地位,而后才是评论者的信息。这样的方法能够让你先写评论,再登录/注册,就像人们写信一样,先把信的内容写好,再在结尾处签字。我想这样可能会给用户一种新感到吧。

感觉非常好的表单,咱们可能第一时光看到评论框,紧靠在下面就是作者信息框了,label标签也在input上方,布局就像ux matter说的那样。提交按钮在所有的字段后,并且居中显示,必填项也有红色的星号提示。再一次说下,非常不错。我可能会把usability post的评论框也换成这种儿。。。

做一个优良的评论表单设计

你是怎么想的呢?你感到传统的那种评论框不错?仍是我给你推举的2种新式的表单很好?还是你有新的好方式?我无比欢送听到你们的主意:)

于是,我这推荐另一种我认为不错的表单,是来自Particletree blog:

 

Tag:制作网页     制作网页    ,利用纯CSS实现小三角、小梯形;

当然,这样的评论表单并不是十分完善的那种,它让用户必需得先到右侧找到输入框,填好信息之后,再回到左侧断定提交才行。

vadim提到,他曾特地去察看一些有上百条评论的热点博客,他发明这些博客的评论表单的选项异常多也不注明是否必填,良多人不得不在某些对他们没用的选项留下”none”跟”n/a”。

UX Matters 写过一篇《label placement in forms》(表单中的标签位置)的好文,利用百度知道推广网站。这篇文章的研讨是基于eye-tracking,可以算的上是比拟威望的。

这些表单许多选项并不长短填不可的,然而没有提醒,很轻易让人发生思路凌乱,因而除了姓名和Email,其它的都应该可以算作是选填项吧。不过作为评论表单,评论框也应该是作为必填项存在,当然,如果你足够聪慧那也行~~


如何设计一个完美的评论表单?


(责任编辑:网站建设)
制作网页评论表单相关文章
上一篇:制作网页时编写CSS代码的25个小技巧 下一篇:制定设计的原则
回到顶部