中文网站表单更宜水平右对齐

  现在很多设计师都喜欢学国外的设计习惯与设计风格.设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势,感叹一下这个精致,那个大气,然后就开始往自己的设计里融入新元素。

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

  找了国内30个比较著名的网站的注册表单做样本,对标签和输入区对齐方式做了统计,得到了一个结论:标签水平右对齐更适合中文网站,或者说右对齐更适合中文的表现。综上,中文网站中的文字运用要更考究。在注册表单中,水平右对齐已成为公认的方案,从统计中可以很直观的看到:

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

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

  要把中文网站设计得美观漂亮,除了借鉴一些科学的方法外,更要考虑中文元素的特点。不然就像用人头马的瓶子装陈醋,看着好,品着怪。中文网站也得有中文网站的设计风格,在学习别人的风格的时候更注重学习别人的素质品味,然后结合实际融入自己的设计中.这样才能设计出具有本地适应性的好作品喔。

  幸福工作室(www.xingfu880.com)供稿!

时间: 2024-09-20 05:41:44

中文网站表单更宜水平右对齐的相关文章

欣赏:出色的和良好建构的网站表单设计

网站表单是允许用户和网站进行交互的主要方式.无论是注册一项服务.在日志上发表评论.或者通过基于网页的客户端比如Gmail写邮件--表单是现代网站和网站应用的重要成分. 在本辑展示中,你将能看到一批出色的和良好建构的网站表单设计 ,你可以从中找到如何制作和设计迷人和令人印象深刻的HTML表单的灵感和创意. 1. Alexandru Cohaniuc 2. Tea Round App 3. Grooveshark 4. Substrakt 5. Matt 6. Pixelight Creative

关于移动设备下浏览网站表单错位的问题

问题描述 关于移动设备下浏览网站表单错位的问题 如图 完整代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>MyWeb - Using Bootstrap</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.css">

查询管理网站表单excel轻松实现

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 某些网站以页面程度读取表单的原理呈现网站内容,该功能能给网站用户以直观的效果,然而表单内容的实时管理却是站长们感觉烦恼的一块内容,对于站长们而言,不可能每次需要全面了解查询表单的时候,就登陆服务器将相应的文件下载到本地再转换为统计工具可读取文件.今天我就以图文详细解说的方式和大家分享用excel轻松实现查询管理网站表单的具体过程. 1.建立本

浅析网站表单设计点点滴滴(一)如何更好的引导用户

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 表单,主要是负责数据采集的功能,需要访问者自己去填写,如访问者的姓名.邮箱.性别.地址.留言建议.设置密码.管理个人账户等等.时下表单无处不在,成功的表单设计不仅能提高用户的满意度,更能收集更加精确的数据,相反失败的表单设计只会收集到错误杂乱的信息,可能会最终导致潜在用户的流失. 一.组织表单的内容,给用户一个友好的引导 首先要明确的告之用户

网站表单设计:关于QQ邮箱注册过程的优化建议

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 最近,研究了一下web表单的设计,收获颇多.从接触互联网以来,我们就一直在和各种表单打交道,它们无处不在,同时也为我们增添了很多不必要的烦 恼.但随着时间的推移,大多数网络用户对很难用却又千篇一律的表单已经产生了一种习惯,似乎即使体验过程并不美好,也不会发出反对声音,继续钻研. 但是,随着电子商务的兴起,表单设计的重要性又上了一个层次,因为很

移动电子商务网站表单和结账页面设计

以下是我参考了Best Buy, Target, Sephora, Moosejaw, Barnes and Noble, Amazon, Sears2Go, Ralph Lauren和 Tickets.com(每个网站都直接链接到它们的移动版本)后的一些关于移动设备网站可用性的建议. 表单和结帐处理 就像我在本系列的第三部分产品展示页面和购物车里提到的,Best Buy. Sephora. Target和Moosejaw的新站不支持移动支付.所以在这一部分提到的网站是Barnes and No

如何评估网站表单填写效率 使用KLM-GOMS分析表单效率

中介交易 SEO诊断 淘宝客 云主机 技术大厅 编辑:S++小组 很多时候用户测试很难测试到表单的效率,通常的做法是,表单上线后来统计用户使用或者停留的时间来考量表单的效率,但是这种做法只能针对已经上线后的表单来考量.那么在一个表单在设计过程中,是否有什么科学的办法评估到所设计表单的效率呢? 1983年Card,Moran & Newall就在<人机交互心理学>(The Psychology of Human Computer Interaction)首次提及了GOMS模型,在早期人机

英国航空公司网站表单设计

When arranging a flight on British Airways, I was struck by how much the airline wanted me to abandon my process. As anyone that"s booked a flight online knows, finding the right combination of price and travel times takes a fair bit of work. When I

[译]更好的表单设计: 每一页,一件事(实例研究)

本文讲的是[译]更好的表单设计: 每一页,一件事(实例研究), 原文地址:Better Form Design: One Thing Per Page (Case Study) 原文作者:Adam Silver 译文出自:掘金翻译计划 译者:horizon13th 校对者:LeviDing, laiyun90 更好的表单设计: 每一页,一件事(实例研究) 2008 年,我在 Boots.com 工作时,团队提出需求,要设计当时最流行的单页表单进行付款操作,主要技术有折叠选项卡,AJAX,客户端验