第二页:
连接 - 精通超文本

这种新媒体的一个真正的突破是通过超文本把内容连
接在一起 - 即简单连接。

但是超文本产生了矛盾:连接到其它资源上加深了你
的网站,但是你不想通过鼓励你的读者点击其它地方
把他们读了半句话和半个想法后送走。

考虑阅读的动作 - 你的大脑如何把字母转化为字模
式,然后概念性地转化为句子和段落。设计一个页
面,或者在网上或在纸上,经常涉及到对这些方式的
操作。例如,大字标题通过改变如字体、大小和颜色
等排版变量突出了段落模式。通过分离大字标题和把
引号脱离大块灰色的拷贝块,设计者把他们的观众引
向这些元素,迅速的传达给他们全部信息。

现在考虑超文本。为了给网页增加一层交互性,设计
者通过把有蓝色下划线的文本插入段落模式中增加连
接。结果呢?一个对读者的潜意识的专横的分心的事
物。那个读者需要突然决定:我要停在这然后点击这
个连接吗?我需要读完整个句子然后在回过头吗?我
要读完整个故事再回到导航吗?是一个令人头疼的混
乱。

很多策略可以修正这个问题。层叠样式表通过使用
{text-decoration: none;}使你关掉可怕的下划线。
简单地改变连接的颜色不会解决分心问题,只会使问
题更微妙(但是依然令人讨厌)。

一些站点,包括HotWired和Feed杂志,把连接移到页
的边界,产生了一种注释的效果。这种策略的一个好
处是:通过把它们拖离块拷贝,连接可以给出进一步
的上下文。The New York Times网站尝试了一种不同
的方法 - 把所有连接放在故事末尾。

如果你需要连接,请用一些创造性。别用“点击这
儿”,别离开最有意义的词。"The President
spoke to the crowd"连接到一个个人简历上。"The
President spoke to the crowd"连接到一个抄本上。

甚至可以通过用JavaScript改变浏览器的状态条信息
来表达更有意义的东西。或者用高级CSS{cursor:
xxxx}属性表示一个特定连接后面的意义。

>>

网站设计基础
第一页 简介
第二页 连接 - 精通超文本
第三页 铃铛和口哨 - 多媒体是危险的
第四页 导航 - 搅乱层次
第五页 交互性 - 跟随你的观众

[第1天][第2天][第3天] 

返回