网页设计中如何贴近客户需求这些要素多动动脑筋,网页设计可能就会更加优秀o如果你把这些原则忘得一千二净,网页设计通常会误入歧途。回到基本原则的层面,你才可以重新审视并思考如何创作出独到的网页设计。然而,仅仅是遵循某种原则并不能确保成功,也就是说这并不是开启优秀网页设计之门的“万能钥匙”o可我必须得说,这些原则一次又一次地激发我优化自己的网页设计.并且使我了解了网页设计成败的关键。本章特意精选了一些网站范例,以期通过多种方式来说明这些要素。一些范例一看就知道它们使用了哪些网页设计原则.但还有一些就很微妙。这就是我喜欢现实范例的原因,通过它们能够更实际地说明问题,而现实中不存在教科书般完美的网页设计D2.1/基本的网页设计亮点点.重点(emphasis)突出了非常重要或意义重大的内容,从许多方面来看,重点几乎等同于层级。为了围绕重点这一原则来网页设计,你必须分析网站的内容,以确定应该采用何种分级方式。确定这一点后,你就可以创作出能够有效实现层次结构的网页设计了。确定重点的一个好方法是列举页面所需的全部要素,然后将要素按照重要性来编号。基于这一列表来网页设计,从而使页面的视觉层次结构反映出所确立的重要性。这样做很重要,原因之一是为了避免突出一切。它还能使你免于陷入不经意间的层次陷阱。量好有意识地确定什么应该视觉优先,而不是听其自然。如果你试图强调一切,那么结果会是什么都没强调。让我们通过一些示例,看一下创建视觉层次结构需要做些什么。BryanConnor(圈1)BryanConnor的网站是强调重点的有力范例。页面中量突出的要素是来自他博客的最新文章。作为唯一的白色区域,它与页面的大部分区域形成鲜明对比。这样做的意图很明确,即吸引访客关注重点。在这种情况下,人们往往会觉得,作品集或联系人信息也同样应该作为重点来突出,但是别忘了.如果事事都强调,量终只会让一切都混作一团,Digitalmash(图2)该网站提供了另一种明确的重点来控制用户浏览页面的方式。巨大而醒目的文本再次被放置在页面的顶部.清晰地阐明了网站所有者的意图:创建这个网站就是为了找工作。它不是用来炫麓他的家人,与朋友分享Flickr照片或宣传他的最新言论。它仅仅是为了努力赢取工作机会。思考你网站的目的.以及如何使用重点来突显它。ColdStoneCreamery(图3)该网站提供了一个常见的有效利用重点的布局准则。该页面的标题栏很典型,包含了logo和关键导航项。紧随其后,有一个很突出的重点。根据每个条目在页面中实际占据的空间大小,可以看出这些条目在页面中的重要性呈自上而下递减的趋势。这里他们用了3个图层,有的网站用得更多,但那并不是必需的。这里,电影屏幕式的页面直接抓住了用户的目光。对比是两个或更多个元素之间的视觉差异。具有强烈对比的元素是截然不同的、可分的,而具有弱对比的元素是相似的、难区分的。有大量的网页设计元素可供你巧妙地利用来实现对比,包括颜色、尺寸、布局、字体以及字号等。网页设计中的对比能够给网站带来视觉上的变化,不会让人感到索然无味。对比还能帮助网站聚集焦点,从而謦决对某些元素作为重点的需求。对比可以对重点、流以及其他网页设计原则产生影响,你可以从中看到基本网页设计原则是如何相互关联的。由于对比常常被用于加强所期望的重点,它能在页面的层次结构上产生最大的影响。通过这种方式,对比可以对网页设计的视觉秩序产生作用。它能够迅速引起对关键元素的关注.例如内容、活动项以及目标说明。同样,你需要仔细考虑网站的种种需求,这样才能有意识地运用对比来吸引用户关注某些元素。让我们通过一些范例来看看其他网页设计者是如何运用对比的。Twe4kedStudios(圈1)在这个示例中,页面中两个巨大的绿色按钮非常显眼,很容易辨认出对比。这些关键的行为邀请通过尺寸与颜色对比来强调。显而易见,这个网站的网页设计者力求达到两个目的。他希望你要么肷赏他的作品集,要么给他打电话。我们在这个网站的其他地方也发现了对比。他的介绍信息字体很大,完全占据了页面的顶部。这部分不仅与整个页面同宽,而且也是其中最大的文本。整个页面的上半部分是白底黑字,而底部正好相反。此种对比使得上部内容脱颖而出,而其显而易见的重要地位又被字体疏密的对比进一步烘托出来。底部的内容排得比较密集,给人不太重要的感觉。由此可见,对比是多么重要,又是多么地不可或缺。BetheMiddleMan(图2)该网站再次展示了合理使用对比是如何突出重点并吸引用户采取行动的。这个网站通过将其搜索工具作为页面的主宰元素来鼓励用户测试这个工具。就这一点而言,他们的目标是明确的。该网页设计另一个值得关注的地方在于,页面的内容自上而下越来越紧凑。这种逐渐递增的差异让人感觉很顺畅,与用户互动。。