网页表单标签水平右对齐更适合中文网站

镇牙止痛

镇牙止痛

2016-02-19 23:50

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的网页表单标签水平右对齐更适合中文网站,过去的都会过去,迎接崭新的开始,释放更美好的自己。

找了国内30个比较著名的网站的注册表单做样本,对标签和输入区对齐方式做了统计,得到了一个结论:标签水平右对齐更适合中文网站,或者说右对齐更适合中文的表现。设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势,感叹一下这个精致,那个大气,然后就开始往自己的设计里融入新元素。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

不过想必大家都遇到过同样的情况,用英文咋看咋漂亮,一换中文那种味道就表现不出来了。其一,因为中文是方块字,一行看上去很平;而英文有大小写之分,且词与词之间有间隔,看上去有韵律。其二,可用在网页中的中文字体太少,宋体、雅黑,用别的字体一来看着不习惯;二来不一定谁机器里都有那个字体;三来中文字体太大,动则就几十兆,不便于加载。

综上,中文网站中的文字运用要更考究。在注册表单中,水平右对齐已成为公认的方案,从统计中可以很直观的看到:

对齐方式各占比例

如果你已经读过之前一篇关于《设计表单的标签和输入区》的文章,应该对什么是标签垂直顶对齐,水平右对齐和水平做对齐有一定认识了。LukeW的书中列举的都是国外的例子,在《设计表单的标签和输入区》的回复中也有朋友提到在中文网页中的表现情况,比如垂直顶对齐比较少见等,对于我们常见的网页来说,确实很少,在 我的30个样本 中,只有百度的注册表单采用垂直顶对齐:

百度

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

采用水平左对齐的也比较少,只有3个:谷歌、土豆和CCTV。其余26个都采用的水平右对齐,而其中盛大通行证的注册表单就很带有中国特色,用空格填充,让2个字的标签与4个字等宽:

盛大

要把中文网站设计得美观漂亮,除了借鉴一些科学的方法外,更要考虑中文元素的特点。不然就像用人头马的瓶子装陈醋,看着好,品着怪。

原文:http://blog.b3inside.com/userexperience/right-justified-are-more-adapt-to-chinese-sites/

展开更多 50%)
分享

猜你喜欢

网页表单标签水平右对齐更适合中文网站

Web开发
网页表单标签水平右对齐更适合中文网站

谷歌中文网站管理员解答释疑重复内容问题

Web开发
谷歌中文网站管理员解答释疑重复内容问题

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页中如何让整段文字左右对齐

Html CSS布局 Div+CSS XHTML
网页中如何让整段文字左右对齐

中文网页制作中段落缩进的方法

Html CSS布局 Div+CSS XHTML
中文网页制作中段落缩进的方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

中文网页内容表现的十条经验

Web开发
中文网页内容表现的十条经验

制作网页表单的标签和输入区

Web开发
制作网页表单的标签和输入区

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

QQ圈子如何新建分组?

QQ圈子如何新建分组?

漂亮样式表在XHTML+CSS网页制作中的应用

漂亮样式表在XHTML+CSS网页制作中的应用
下拉加载更多内容 ↓