web表单设计，关于输入框长度

heylin · 发表于 2011-7-23 15:24:48

小团队工作，每次和程序员就这个问题都能争执一番，关于web表单的设计，输入框的长短，大家觉得是统一长度好，还是长短不一的好呢？
我倾向于后者。但程序员喜欢长短统一的，我发现国外的网站这种表单的输入框长度很多也是统一的。
不知道大家对这个怎么看呢？两者各有什么优劣？我们各自都能找出一堆的表单设计来支持自己的意见，光这么争执不是办法，呵呵，所以希望在这里能听到更专业的意见，谢谢。

尹广磊 · 发表于 2011-7-23 18:04:17

第一种整齐的好一些。
另外去掉那些格子线，行间距加大些。

高跃华 · 发表于 2011-7-26 17:13:41

webppd:happy 第一种好一些

guojianan · 发表于 2011-7-26 18:16:57

第一种好，每个人都喜欢整齐

王亮 · 发表于 2011-7-28 10:31:45

我更喜欢第二种，觉得第一种有点死板，另外不是每个输入框都需要用户输入相同长度的内容，不同长度的输入框形象上还有一种直观的引导的作用。

雷剑 · 发表于 2011-8-11 09:38:31

排得太紧了。。

junewei · 发表于 2011-8-11 11:26:01

去掉最外面的表格，拉大上下的间距，尽可能的减少框线，会透气很多。

junewei · 发表于 2011-8-11 11:29:10

这个是以前做的一个，第二种方案跟这个较类似，第一种过于死板。

lcgtpr · 发表于 2011-8-19 10:59:17

第一种好，另外去掉线框，有线框的自己看时间长都有窒息的感觉

lanmao887 · 发表于 2011-8-24 11:54:54

第一种好

小懒猪 · 发表于 2011-8-26 15:16:18

整体风格统一就可以

月儿小师妹 · 发表于 2011-8-27 13:27:40

8楼的感觉比较好。

晏子 · 发表于 2011-8-27 21:29:37

还是让客户说了算，我有一次做表单，因为客户是798里的公司（就是裸婚时代里刘易阳在的那家设计公司），客户就喜欢层次不齐，有律动，而且是两头都要不齐，就像外国电影结束的字幕那样，中间对齐，左右两端参差不齐，所以还是看客户喜欢哪种，客户满意第一。

crysta · 发表于 2011-8-30 21:09:33

我也觉得第一种还不错

zuoxiaoxue · 发表于 2011-8-31 20:20:01

我认为第二种方式更好一些，可能从布局方面不是很好。
但是从一个方面说，表单的长短一样的话，也是有问题的，假如你设计的表单都是150像素，举例说明
联系电话，本来就是8、7位或者11位数，你非要把他设计成150的必然有问题；
联系地址，本来可以允许输入0-30个中文字符的，150像素的话，是否有问题；
表单采用不同长度的文本框提供暗示，帮助人们了解如何回答问题。

邓鑫鑫 · 发表于 2011-9-1 13:43:38

我觉得第一种虽然整齐，但是现在很多输入完内容，都会在输入框的后面显示正确与否的提示符。
这样的话，要是就两三个字的名字，还要看很长的输入栏的末尾，感觉目光走了很远。
所以第二种优化一下挺好。

妞儿 · 发表于 2011-9-23 17:14:49

这个看需求吧··不能说那个好那个不好

无语(大铁锅) · 发表于 2011-9-28 06:34:40

可笑呀可笑，我看这楼道当中还真有做PM评价好与不好的，貌似就一丫头还真有PM的范儿........纯属路过...别拍砖

尹夕奎 · 发表于 2011-9-30 11:31:59

当下流行表单中元素，间距大一点，输入框大一点，最好经设计的，不要用系统默认的，这样给用户的感觉是舒适、不拥挤、更不易眼睛疲劳，最近腾讯邮箱的登录口就成这样了，像国外facebook等的注册、登录都是这样的！

ranch · 发表于 2011-10-1 11:13:08

都可以用两种都不算最好

[交互文章] web表单设计，关于输入框长度