被访者背景资料:
Alistair Beatt: 伦敦Me Company网站策划/。
Amy Franceschini: Futurefarmers的创立者, 该站点专门研究新的工作。
Andrew Sinn: 来自汉堡Alrt网站的自由设计师/设计师。
Anthony Rowe: 创建和主管Squid Soup(伦敦引领交互式设计的团队)
Arnaud Le Ouedec: 设计师,现居巴黎。四年前和两位好友创办了Ici La Lune。
Me Company:http://www.mecompany.com/
1. 什么样网页布局是你最喜欢的?
Alistair Beattie:我不会单独喜欢一个网站,别人也不会。我想判断一个网站好坏的唯一标准应该是它是否有用。然而对这个网站是成功的方式对于另外一个网站未必适用。如果一个网站的目的是向我提供信息或在线购物,我是不会仅仅为它表面设计的华丽或者趣味性所吸引的。我认为Google是一个实用高效网站的典型例子。同样的,Amazon是一个能提供更好购物体验的站点,我买了很多书。每个人的衡量标准不同。我对网站的兴趣主要集中在它所提供的信息上,我不真正认为它的存在仅仅是供消遣。
不过通过寻找一个网站因该是怎么样子和如何工作的一般习俗约定时,你会发现很多有趣的东西。这其中会存在很多变革和产生很多令人兴奋的创意。
这是两个很好的例子:Hi-Res!, I Move U,虽然是商业站点,但仍然保留了独立和幽默的感觉。看似随意和无意义,但却悄悄的散发着魅力,精美的设计。整个界面就是它的内容。
如果一个界面设计可以很快的传达出它要表达的内容,就是成功的。我认为Philip Glass的音乐新界面是十分棒的。
他把音乐的美感和大量的文字材料完美的结合起来。界面即实用,又很好了体现了Glass音乐表达的东西。
Amy Franceschini:现在我最喜欢的具有灵巧而又实用布局的站点是Newstoday。它的导航十分利于浏览,界面整洁,易于维护和升级。同时我也仍然很喜欢Netbaby。它在保留了高度图象化界面的同时,加入了动态的内容。
Andrew Sinn:Habbo Hotel是我最喜欢的网站设计之一.它是一个网上社区,在那里你可以扮演角色和与周围的人交谈。你甚至可以在那里购买属于你自己的房子和家具等一些好东西。那些房子主要有一些很形象化的,具有很可爱细节的代表性物品组成。很多界面元素设计得很好,你可以很方便的使用各种系统功能。这是一个值得一去的站点。
Anthony Rowe:在我看来一个好的网站导航和菜单是在后台或者是不可见的,用户能觉察和注意到的只是内容。或者当导航成为全部。
Arnaud Le Ouedec:在我构思和设计网站时,常常用到两样。相应的整个设计划分为两个阶段,一个阶段是比较自由的,主要使用romedia公司的,另一个阶段则是具体的图片创作,主要使用Adobe公司的对我来说,那个工具用得比较多主要由要完成的工作决定的。但需要创新的成分比较多的时候,Director用得比较多,而完成一些比较稳定的,格式化的工作时,Illustrator用得比较多。这两种工具是不同的。Director需要有Lingo编程方面的知识,只要这样才能使你的创意得以实现,而对于Illustrator则不同。
2. 谈谈你对网页布局的看法
Alistair Beattie:界面设计随着潮流而变,其中也伴随着图片设计的变化。在里面机器的性能和带宽决定了你应该怎么做。成功的东西往往是那些必要的东西。
Amy Franceschini:就目前来说,我想许多95年开始从事网页设计工作的设计师对页面的风格不是特别的在意,他们更关心网页的本性以及页面与浏览者的交互性。我觉得对于布局,如何更好的联系和传达内容比单纯的美观更重要。
Andrew Sinn:我想在网页设计方面不同的风格会向许多方向发展。其中一个大类将是MacOS风格的,因为设计者常常使用Mac系统,必然会受其影响。我认为那是很丑的,其他很多设计师也这样认为,但或许我们看事物都太老套了。我想苹果公司应该在很多用户中试验过,我猜想特别是那些第一次使用计算机的用户会喜欢它。他们逐渐掌握使用计算机的简单方法,因为那里有形象的图标,动态的效果,带有阴影的果冻风格的按纽,它会说"you-can-push-me",即使你离显示器还有三米远。它有更少的理论上的东西。使我很难看清楚的是那些基与象素的设计,特别是那些去除锯齿的字体,使得文字对与眼睛来说模糊不清,或许等某一天我们的分辨率到了4000x3000象素,情况会好些......
08 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。 ——专家忠告
10 网站地图
许多者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和条。
11 “睁大你的眼睛,留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告
12 点击规则
听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表有助于解决这些问题,但是只有最新版的浏览器才支持CSS。
14 “使用切合实际的简便的命名规则。” ——专家忠告
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。
17 不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站(
2.romedia
3.Adobe
4.Adobe ImageRead
5.
6.Macromedia
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia
10. Lightwave
11. Macromedia
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 “网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。
22 背景颜色
背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告
25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。
26 不要用框架
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。
29 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30 “避免使用炫耀的技巧。” ——专家忠告
31 选择使用动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用动画的选择。
32 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再任何插件。 但是,最好还是取消使用Flash做各接口的想法。 33 让用户先预览小图像 如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去他们根本不想看的大图像。
34 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是romedia 等制作的东西的简单堆积。
35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。
Anthony Rowe:我猜想随着条件的改进人们会有更多的满足。更少的压缩率,更多的令人陶醉的体验是多棒呀(特别是虚拟现实和三维)。网页可能也得为这样飞快的变化寻求对策:带宽可能慢慢不成为问题。在内容和导航上应用更多的交互式和动态3D将变得更有意思。交互式视频,多用户空间使你真实的感觉到别人和你在一起。
Arnaud Le Ouedec:Ici La Lune 在1994年开始用进行创作 , 那时我们用得比较多的是Adobe的,但随着我们自主权和Lingo方面知识的增加,许多项目的构思都是由Director和来完成.我们主要对Director在实时和不同于其他软件的效果方面感兴趣,特别是它在Imaging Lingo和3D方面的功能。Ici La Lune处于实时设计的边缘地带。
Me Company 作品

3. 请推荐你认为对了解网页布局有帮助的站点
Alistair Beatt: Linkdup 我喜欢这个站点,里面总是有很多令人感兴趣的东西。
Amy Franceschini:Newstoday:Newstoday用的图片很简单,但很有新意。访问这样的站点是令人兴奋的。它使“网络杂志”的概念成为现实。虽然在一些地方使用了动态的图片来吸引人们的注意力,但是这并没有破坏整个网站的意图,这样的布局十分利于新闻的发布。
The virtual Showroom这是一个高度图象化的界面,能形象的提供交互和连接。
Andrew Sinn:Google Image Search在开始你的工作前,在脑子里先有大致的样子是很好的。 如果你明白你需要做些什么,特别市你准备做一份说明,你会去找一张可以作为说明开始的图片。我每次都会提醒自己,把注意力放在主要思想上,因为它们是经过简化的。
org.opn.src 下一代适合的象素字体。
Anthony Rowe: Linkdup资源站点。有很多精彩的创意和挖掘人们灵感的东西。
Arnaud Le Ouedec:我们经常会崇拜一些网站和设计者 (Delaware, Futurefarmers, Habitat...) 其实能点燃灵感的东西无处不在:建筑,设计,摄影,音乐,电影......


