今天，我们将分两次分析大名鼎鼎的软体公司的网页设计做法和趋势，看看我们是否可以学到一些东西，以避免在我们自己在工作上的失误。

偶尔的数落

如果你讨厌文章充满吹毛求疵般的唠叨，很抱歉，这个文章可能会有点挑剔。我通常喜欢表扬优秀的设计而不是批评坏的设计，但是当大卫和我决定写一个分析微软设计倾向的文章后，好像不得不见识一下什么是杂乱，丑陋，甚至（或者）失败的东西。

为了避免评论沦入口舌之争，我在下面的分析中不会提及苹果或者跟苹果单独对比。这并不是因为PC对MAC的争论，而是我们只是想看看那些我们认为真的缺乏实践的网页设计和开发。平心而论，微软是一个巨大且成功的公司，但这不会因为有些问题而掩盖。事实上，微软在某些网站团队中有一些很优秀的设计师，应该有一个更高更全面的品质控制。出于这样的考虑，让我们来分析微软一些缺少设计和开发的地方，进而从中获益。

1.谨防强制插件（Plug-in）

苹果和Adobe最近之间的摩擦让我们了解，依赖完全封闭的第三方插件建立网站，会导致一些严重的后果。微软似乎要重蹈覆辙，越来越多的网站依赖Silverlight。

浏览微软的网站準备这篇文章时，经常受到微软弹跳视窗的骚扰，通知我系统没有安装Silverlight因此不能用原本的方式浏览这些网页。我的疑问是，“为什么要用呢？” 特别是一些简单的幻灯片和动画效果的话，可以用的技术到处都是。诚然，这是微软自己的Silverlight，所以从商业型态中支持，但这不意味着是最好的选择。

无论你是否为Silverlight的粉丝，如果网站的功能依赖任何Silverlight或是类似的技术，这是要非常谨慎的。有关继续採用 Flash开发网站是否合理的争论还在持续，採用像Silverlight这样的二线系统变得更具赌博性。如有可能，请坚持使用跨浏览器，符合标準的内码和工具——别要求你的访客增加额外的操作或安装。

2.注意解析度

这是对微软最大的抱怨，因为它看起来设计得很草率。尽量减小文件大小而增加实用性和保持图片清晰清楚之间，毫无疑问是一条狭窄的路，但我还是觉得，相比那些专业的网站相比，微软似乎更倾向显示丑陋的锯齿状的JPG图形。

即使现在使用拨接上网的人已经少了许多，也意味着宽频上网的人口激增，但这不表示你可以不顾一切放着大尺寸照片，而忽略了透过将网站图片档案优化并加以档案压缩处理，不然可能的后果是网站的品质大幅下滑，而网站会被自己的庞大图片所击败。

也可以说：如果你认为用大量图片使网站看起来就是很特别，就如同住在象牙塔无异。您该做的是巧妙的运用视觉上的协调，以及儘所能的减少影像档案的大小。如果可以建议透过不同的萤幕看看当档案减小后，是否会使网站图片品质变差，但依然保持在可接受的程度。

3.组织凌乱

有时按照常规的设计规则，最后似乎还是有些东西视觉欠佳。浏览微软的网站就遇到很多这样的页面，儘管尝试使用了有组织的排列，看起来还是那么凌乱。

问题在哪呢？简单地说，在于一个相对狭小的区块中要放一大堆东西。即使他们已经试图对内容进行排版，还透过图型增强视觉可读性，最终仍然是相当失衡。

如果仔细看看，你会发现这页面的四个项目似乎是由四个不同的人来设计的，只是把都挤在一起。左边的图片相对于右边看起来真很的沉重，文字颜色断断续续，内容笨拙的交错，各列之间缺乏足够的空白空间，难看出它们在版面中的独立性。

这里得到的教训是要包装你页面的资讯时，小心内容的资讯过于庞杂。但有很多情况下都会要求增加更多的资讯内容，但应在统一和谐且有吸引力的方式处理，比如下面这个漂亮的例子（来自非微软的网站）。

4.前后矛盾

从Microsoft.com开始，打开了庞大的下拉式选单，选择不同网站间访问，你会发现，无论哪个连接，点击出来的页面与主页相比是有着相当的差异，即使在同一个下拉选单出来的页面都有如此的差异。

浏览微软的网站就像玩一个旋转的轮盘。你几乎猜不到你要去的地方和所期待的下一个页面。部分页面有着优美的曲线背景，有的页面却是渐变的背景，甚至是发散的圆环。大多数网页似乎走向蓝色系，但又不是相同的蓝，也有一些页面完全忽略了蓝色系的走向。 

问题是，不管你网站是两页或者两百页，一致性还是必需维持的。在有限的时间内对一个网站的使用方式和界面熟悉时，使用者会感到更加舒适。每隔几页就给一些截然不同的东西会使浏览混乱，用户感受也变得很差。 

创造一个强而有力的一致品牌就是一个良好的企业形象，它可以帮助客户以个人的方式去联想你公司。当然，微软有许多不同的品牌，这些分站都是从主页延伸出来的，但即使是Microsoft.com核心的网页中，图片风格和选单方法似乎显着不同。

5.以剪贴图片的设计

剪贴图片和微软 Office交错一起，这个显然看起来是有点荒谬。但是，自1995年以来图型设计已经走过很长的路，是时间该放弃特定样式的图型使用。

从艺术来看上面各种 Microsoft网页的例子只是令人无奈，尤其是可怕的“Beginner Developer“标誌。不知道为什么用一个迴力镖攻击一个植物，电脑萤幕是协助攻击还是逃离现场。这是一团乱的视觉沟通。

这是CSS Gallery其中一个受到欢迎的理由，那就是他人的设计就像是自己设计一样，可以加以引用或是参考。这不只是偷用他人的设计灵感，有时对于设计师来说，只要稍加的研究他人的技巧就能够自己开发出新设计。
浏览不同的就像是到了名牌服饰店，参观不同名家设计师的作品但你不见得要将这些名贵或是疯狂的衣服穿在自己的身上。


经常保持开放的心胸，破除过去自己所设下的设计界线，毕竟当您坚持过去的作风时，世界的脚步并不会这样而停歇。