web设计大全摘要

关于Web的讨论经常偏题，这是由于人们所用词汇的意义变动很大。尽管人们或多或少地有些看法，但没有人能够精确地定义什么是Web设计。一些问题被经常讨论，如可视化设计与编程，但关于它们在Web设计中的重要性则仁者见仁，智者见智。撇开可视化和技术方面不谈，很多人认为Web站点内容的创建和组织是Web设计最重要的方面。随着电子商务的兴起，商业方面的考虑也成为站点成功设计的重要方面。

对于特定的项目，上述所有学科以及其他代表着Web设计主要方面的交叉学科，都可能是需要的。由于许多学科，如图书情报学、图形学、程序设计、客户机/服务器技术、用户界面设计、可用性以及其他学科的影响，Web设计实质上已包含许多学科。

尽管我们可以考虑来自十几个领域的影响，但Web设计的四个主要方面是：内容、技术、外观以及经济。内容的目的在于告之或者劝说用户；使用技术的目的是实现合理的功能；外观方面的考虑则提供了站点的形式；对于大多数站点来说，还需要考虑所建站点的经济效益。如果没有清晰的目标和效益，一般来说这样的站点是不会建立的。当然站点的外观因其类型而异。一个个人主页不会像商场的站点一样考虑经济效益，一个制造企业的内部网也不会像公众网一样考虑外观效果，如采用动画技术。因为设计原则随所建站点的性质有很大的变化，因此把Web设计当作整体来考虑是很困难的。

把Web站点比喻为一个金字塔是很形象的。内容是建筑金字塔的砖块，而基础是建立在外观与技术之上的，它很大程度上依赖于网站建设的经济效益。作为Web设计者，应尽力认真地设计，但整个过程会是很困难的。Web技术的不断更新使得设计网站极具挑战性，它需要联合作业以及对Web媒体的透彻理解。即使我们是Web设计专家，能建立美观而实用的站点，用户也可能在面对我们的作品时显得很困惑。Web设计者经常花大量的时间去考虑他们自己的需求而不是了解用户的需求。我们的Web金字塔概念看起来有可能非常像真实的砖块结构的金字塔一样—一个密不可透的坟墓—以至于用户非常困惑而找不到门。用户是否理解站点的要点呢？尽管Web开发所遇到的困难与古埃及人建造金字塔所遇到的挑战不一样，但建造一个实用、令人愉悦并能接受因特网时代的考验的站点并不是一件非常容易的事情。

建立Web站点是很困难的。尽管一些核心技术如H T M L很容易掌握，但开发者仍会犯很多错误。这主要是由于开发者经验的欠缺，进程的混乱以及不现实的时间安排所导致的。因为时间的限制和缺乏经验，开发者经常走极端，不考虑后继步骤，而企图一步到位，直接实现。例如，一些Web专业人员直接从外观开始建设站点。用可视化设计工具试着做页面，然后才考虑下一步，结果造成设计的页面五彩斑斓，看起来就像精美的小册子。当今一些注重外观效果的站点经常完全用Macromedia Flash来开发,其效果就象播放一些电影片头却不介绍电影一样。这种做法除了能展示创造者外观设计方面的技艺外，对站点目标的实现全无帮助。对于那些著名的站点来说，这或许正是其意图，但对其他类型的站点又怎样呢？首先考虑外观效果的那些站点经常难以更新，除了令人眩目的效果外，没有什么主要的技术，缺乏功能，并且下载的速度极慢。很多人把这种站点称为小册子软件( b r o c h u r e w a r e )或片头软件( i n t r o w a r e ) ,这主要是因为这些站点的功能并不比那些小册子、娱乐软件或电影介绍丰富。

当然，另一种极端的情况则是一开始就专注于实现技术，那些站点尽管采用的都是最新和最好的技术，但通常缺乏一种整体的设计。外观上看起来非常笨拙，界面也非常令人困惑。有时候这些站点又采取一种称为“圣诞树”的设计方式。一旦实现了基本功能，开发者就开始像用彩球或剪纸装饰圣诞树一样，竭尽所能用G I F图片去修饰页面，最终却徒劳无功。这种情况下，外观相对技术来说处于次要的地位。同样，在”外观第一”的情况下，技术被用来显示开发者的技艺而不是满足使用者的需要。过多地采用Java applet和插件，并要求浏览器支持最新版本的D H T M L、X M L或C S S，这正是“技术第一”的标志。追求“技术第一”的站点企图采用独一无二的设计，使用最新版本的浏览器，常常缺乏对站点功能的支持。

1.3 为用户设计

正如上面所说的，在We b开发中经常犯的一个错误是为设计者而设计站点，所考虑的是设计者的需求而不是实际用户的需求。如果设计者忽略用户的需求，进程模型就不能保障一个站点 的质量。一定要记住We b设计的重要原则：

规则：设计者不是用户。

设计者所理解的并不是用户所理解的。作为一个设计者，你拥有We b站点的直接知识。你知 道信息在哪里以及如何安装插入件。你有最优的屏幕分辨率及浏览器的设置等等。你必须接受 以下的事实，很多用户并不像你一样理解你认真设计的站点，他们的兴趣甚至也与你不尽相同。 考虑到用户的兴趣和期望的重要性，表面上直接让用户以他们希望的方式进行设计仿佛很 合适。但如果你考虑到了另一个基本原则，那就不是一个好主意：

规则：用户不是设计者。

并不是任何人是或必须是一个We b设计者。就像指望电影观众根据观看的电影去指导一部电 影一样，仅因为用户浏览了众多站点而指望他们能够设计站点的想法是愚蠢的。用户经常有很 多不现实的关于站点的需求和期望。用户也不会认真的单独考虑We b站点的某个部分。总之，用 户不会像设计者一样对We b有综合的理解。 这就是说，成功且易用的We b站点设计的关键是尽量从用户的角度去思考。以用户为中心的 设计要求把用户放
在第一位。但我们又能就用户谈些什么呢？是否存在典型的用户呢？是否存 在一个有代表性的因特网用户，而我们应该为他设计站点？可能不会，但我们在设计站点时应 该考虑一般的特性，如响应时间、记忆和其他一些认知与物理能力。对认知科学的回顾有助于 我们理解用户的基本能力，这会在第3章里进一步讨论。记住，用户具有共性时也具有个性。对 一个用户看起来很简单的事情对另一个用户则可能很困难。为具有共性的用户设计站点有可能 不能满足所有用户的要求。能力强的用户可能觉得站点的限制太多，而新手则会觉得它太困难。 用户是一群具有某些共同能力和特征的个体。站点在专注于共性时，也应该考虑个性，正如下 面的原则所指出的。

规则：为用户的共性设计，但应该考虑差异。

效益和可用性

好的We b站点对用户是有用的。有效性包括两个方面的意思：有用性和可用性。有用性指的 是站点潜在的满足用户需求的功能。可用性是指用户能够通过站点的操作实现特定目标。例如， 考虑一个提供在线银行服务的站点。如果它提供诸如收支平衡检查、转账、资金支付等用户期 望的能力，就可以说它是有用的。然而，站点也可能完全失败，它提供的功能可能令人困惑而 无法得到有效的使用。很明显，如果一个站点不能恰当地运作，或者设计得非常糟糕甚至存在 错误，它就不是一个好站点。可用站点的效率会非常高，容易学习，在实现用户的目标时令人 满意而不会有错误。

1.7 外观问题

尽管一个好的站点必须有好的功能和简单的导航系统，但这些特征并不能马上得到承认。站点的外观经常是最先被注意到的。尽管好的品味是不可能强迫出来的，几乎也不可能预测，但我们知道，好的Web 设计与用户对站点外观的品味直接相关，第一印象有赖于在线的站点。如图1 - 6所示，用户不需要任何预先的知识，就可能主观地认为第二个站点（前端的）比第一个更值得浏览。站点的外观会影响用户对站点的看法。外观好的站点会主观地被认为比外观差的站点好，至少第一眼是这样。因此，有如下规则：

规则：外观会显著地影响用户开始时对站点的价值判断。

注意外观在获得用户信任方面可能也是重要的，这一点在在线交易方面非常至关重要。在对每个站点一无所知的情况下，考虑一下您会选择哪个站点进行交易。记住，信任不仅仅与站点相关，并且很大程度上受第三方认可的初始印象或者公司声誉的影响。

综合印象值

外观开始时很重要，但用户继续使用时，会逐渐减少对外观的关注。当一个用户离开某个站点时，他会有一个综合的印象—对站点访问是否成功的一般感觉。一般来说，这种感觉有可能是正面的、负面的或中性的。考虑一个用户讨厌某个站点的案例。为什么造成这种情况？用户是否发现站点很难使用？站点访问速度是否很慢？站点是否运行得很糟糕或经常出错？站点是否设计得很糟糕？以上任何一种原因都可能导致用户在离开时对站点有负面的评价。可能一开始受到外观的影响较大，最后的印象却来自内容、外观、技术以及可用性的综合。综合印象值可能很大程度上与用户在访问过程中是否达到目的相关。这样，虽然外观在第一印象中占主导性的作用，最终印象的产生却很复杂，可以综述为以下规则：

规则： 站点的综合印象值受外观、内容、技术、可用性以及用户满足程度的综合影响。

尽管综合印象值不只是仅仅包括用户对站点的外观评价，但这并不会降低We b外观的重要性，颜色、背景、文本的使用、图像以及页面样式都能用来提高页面的表现力。
撇开视觉有障碍和计算机环境不支持图形浏览的用户不谈，视觉效果好的站点注定更加有趣。不要专注于站点的特定外观或那些可以下载的页面，仅仅在抽象的层次上考虑哪些更令人愉悦。即使设计的站点更偏重于内容、功用或快速的下载，在外观设计上也应该令人愉悦，以免失败。如果图形不重要，为什么1 9 9 0年初期因特网上的信息系统—G o p h e r不再被使用？G o p h e r很容易使用，支持超链接体，有着丰富的内容。但由于不支持图形，外观上很糟糕，所以很快被We b超越。虽然有一些激进分子认为We b被按钮、背景以及图形元素过分地装饰，但如果没有这些，We b将显得非常平淡，缺乏活力。We b既可以为艺术而设计也可以为使用而设计，同一个站点上，不同的页面有不同的目的，因而要求有不同的外观。当然，过分地强调差异，会影响可用性。这样，设计者应该考虑采用一致的页面样式、尺寸，以便于浏览。文本样式也会影响页面的可用性。过去，由于We b技术的限制，文本的控制很有限，新的技术如C S S就提供了更多的控制。基本上，图形、颜色和背景的使用会在很大程度上影响用户的体验。例如，滥用图形会影响We b的访问速度，即使采用低带宽的外观设计原则，情况也可能变得很糟糕，如颜色和图像不能恰当地显示，这会不可预见地影响用户。尽管站点的外观会极大程度地影响用户的评价，但一定要注意不能仅仅专注于外观。一个用户喜欢或不喜欢某个站点的外观有着多方面的原因，如从简单的口味到对内容的兴趣。如果你对滑雪板不感兴趣，你可能对站点的滑雪板外观评价不高。同样，另外一些人可能不会对你的玫瑰园感兴趣。进一步讲，如果图形本身令人愉悦，而它们的表现方式很糟糕或下载速度很慢，用户仍然不会喜欢。记住金字塔的类比，你不能仅仅专注于建造的某一个方面。

1.8 形式和功能的平衡

We b站点设计的关键问题是形式和功能的平衡。在现代主义的影响下，很多设计者坚持认为 事物的形式应符合它的功能。考虑到形式是We b金字塔的基础之一，而功能是另外的基础之一。 形式不好的功能是令人厌烦的。站点可能运行得很好，但不能激发用户的灵感。与之相反，如 果形式富有表现力，功能有限，用户则会感到失望。形式和功能之间需要一个清晰且连续的关 系。简单地说，站点的形式应直接与它的意图相关，如果站点是商业性的，它的外观可能非常 绚丽，并且有相当份量的多媒体内容，如果这些内容能帮助实现我们的目标的话。相反，如果 站点是单纯事物性的，如在线银行，则可能更注重于实用的形式。当然，要确定站点的合适形 式，要求清晰地界定站点的功能。不幸的是，大多数We b站点的最终功能并不能得到很好的理解， 不能清晰地把站点的形式与功能联系在一起。形式（艺术）和功能（技术）的矛盾可能持续存在，尽管设计者唯一的立场是为用户设计。 形式与功能并不一定相矛盾。在大多数时间里，它们具有互补性。一个外观好的设计会使站点 的功能更好，然而，太多的功能却会造成外观和感觉的匮乏。考虑广为访问的门户网站如 Ya h o o !、E x c i t e或别的大型电子商务网站。这些站点都有着它们的共性，特定的外观，但没有一 个网站会仅仅依赖于外观或技术的某一个方面。然而，一些设计者不管平衡的重要性，而认为 We b采用的图形用户界面原则束缚太多，缺乏创造性和商业的策略。如果所有的站点在运作上是 一致的，又怎能记住某个站点并帮助打造公司的品牌？对于可用性极为关键的一致性在市场的 背景下退居其次。出于商业性的考虑，设计者希望在不同的站点之间创造差异—不一致性正是 唤起注意的市场手段。然而，差异性应该是怎样的呢？考虑一个真实的衣店：是应该让行李架、 门把手、现金出纳机或试衣间不同于其他商店，还是应该专注于衣服本身的差异呢？虽然商店 的每一部分都会加深商店的印象，但答案仍然很明显，衣服的差异是最关键的。We b与此完全相 同，不应该专注于图形用户界面的小件—它们仅仅是界面而已，而应该关注内容和任务。然而， 大多数情况下，设计者企图通过不同寻常的界面去打造站点的品牌。

规则：不要用界面去打造品牌。

用按钮打造品牌是不可能的，考虑到用户在一年时间里会访问几十、几百甚至几千个站点。 他们怎么可能记得住按钮的形状、颜色或动作呢？用户访问站点不是为了向你设计的按钮表达 敬意，而是为了达到用户的目的。We b设计不应该忽略这一事实.