牛年拜年

亲爱的亲人和朋友们,拜年啦!

牛年,能不牛么?

段落样式最佳实践

西方流行的段落开头无空格,段落之间有间隔的样式在互联网世界很流行。即便面对中文网页,我也很赞成这种潮流的应用。然而在很多场合下,中文文章每段段首空两格的样式是最为可取的方式。

流传最广的方式是使用真实的空格来完成这一任务。如果使用 字符,由于英文中一个空格的宽度通常小于二分之一个汉字的宽度,因此要想空出两个汉字的宽度,需要插入的 字符数量很难把握。不少网站使用宋体定义普通文本,这样4个 字符刚好是两个汉字的宽度,然而将宋体直接应用于所有文本影响了英文字符的美观,因此也影响了这种方法效果。使用空格产生缩进的思维下,最便捷的方式可能是插入两个中文全角空格。然而这样做依然存在缺点,我们不得不手动为每个段落添加两个空格。问题的关键在于,段首的缩进并非内容,而是样式。

因此,不妨为中文段落添加下面的样式:

p {
  text-indent: 2em;
}

Read more »

Web设计的中文排版

Honestly, if there was one subject I wish I could master, it would be typography.

Samuel

很多时候,中文的Web设计仍然扮演着追赶者的角色,主流是以英语为代表的西方语言下的设计。语言是文化的重要方面,其差异——尤其是方块文字与西方字母文字的差异——强烈地影响了Web设计的效果,这其中或又以排版(typography)为甚。我们的Web设计师们醉心于那些优秀的西方设计,惊喜之余照搬或临摹,用作中文网站的设计,效果却可能差之甚远。一些跨国公司设计自己的中文网站时,几乎是将英文网站的样式表原封不动地套用到中文内容,不但整体效果失了原味,细节不当之处更不胜枚举。

微软中英文主页对比截图

微软公司的中文主页刚刚做了改版。与英文主页几乎完全一致的样式并没有给用户带来多大好处,反而增加了麻烦。约为11px大小的英文在Mac OS/Safari、Windows Vista、IE 7以及开启了ClearType的数量不少的Windows XP用户看来无可挑剔,但同样大小的中文显示在屏幕上就不那么完美了。过小的字号让中文用户很难阅读。总不能强求用户每次打开页面都手动增大文字大小吧?即便使用鼠标滚轮改变字号大小并不费劲,却并没有太多用户意识到这一点。

Read more »

“没有结果”很特别

原文:Nothing is special

原作者:Chris Noessel;译者:UCD翻译小组Weakow Wang

Article copyright by Chris Noessel and Cooper.

Chris Noessel和Cooper版权所有。

用户界面中,数字随处可见,冀以提供大量信息。通常,数字越大表示内容越多(如你查看评论列表时),或者要做的工作越多(如你查看自己的收件箱时);数字越小通常表示项目数量越少。然而,当界面中必须呈现数字零时,该数应与其它数值区别对待。为什么呢?正如我将要在下文解释的,根据不同的上下文,“零”可以代表很多事情。

搜索结果

零个结果要么表示关键词不在搜出的数据集里,要么表示用户把关键词敲错了。每一种可能性都暗示需要一种不同的用户帮助。

  • 纠正了关键词,也没有结果?你需要换一个词,或者去其它地方看看。
  • 是否把关键词敲错了?你需要提供正确的关键词。

当结果为零时,请在设计上提醒用户注意到这个错误,或者提供可替换的关键词供用户选择。

Google的零搜索结果

当搜索结果为零时,Google给出“您是不是要找……”的建议来帮助用户。

Read more »

天地人大BBS:字符logo第二张

获取一张桌面的创意,为天地人大的字符logo进站图做了续集。

天地人大BBS进站画面:字母标识

TDRD-BBS logo in characters (2). 2009-1-6
Copyright 2009 Weakow Wang. All design concepts are the sole property and invention of Weakow Wang.

Read more »

天地人大BBS:2009第一天

2009年的第一天,献给天地人大BBS所有站友一份礼物——

TDRD-BBS logo in characters. 2009-1-1
Copyright 2009 Weakow Wang. All design concepts are the sole property and invention of Weakow Wang.

谨以此祝愿天地人大在新年里新意不断。

Read more »