今天，我們將分析大名鼎鼎的軟件公司的網(wǎng)頁設(shè)計做法和傾向，看看我們是否可以學(xué)到一些東西，以避免在我們自己工作的失誤。同意或不同意我的看法，隨時在下面評論建議。作為專業(yè)設(shè)計師，你的觀點(diǎn)是有價值的，我期待著你的想法。

偶爾的數(shù)落

　　如果你討厭文章充滿吹毛求疵般的嘮叨，我很抱歉，這個文章偶爾會有點(diǎn)挑剔。我通常喜歡贊揚(yáng)好的設(shè)計而不是批評壞的設(shè)計，但是當(dāng)大衛(wèi).阿普爾亞德和我決定寫一個微軟設(shè)計傾向分析的文章后，好像不得不見識一下什么是雜亂，丑陋，甚至（或者）失敗的東西。

　　為了避免評論淪入口舌之爭，我在下面的分析中不會提及蘋果或者跟蘋果單獨(dú)對比。這并不是因?yàn)镻C對MAC是最沒爭論的，而是因?yàn)槲覀冎皇窍肟纯茨切┪覀冋J(rèn)為真的缺乏實(shí)踐的網(wǎng)站設(shè)計和開發(fā)。微軟是一個很成功的公司，這不會因?yàn)橛行﹩栴}而掩蓋。實(shí)際上，正如后面指出的，微軟在某些站點(diǎn)團(tuán)隊中有一些很優(yōu)秀的設(shè)計師，我們只是提出，應(yīng)該有一個更高更全面的質(zhì)量控制。

　　出于這樣的考慮，讓我們來分析微軟一些缺少設(shè)計和開發(fā)實(shí)踐的地方，從中你可以受益于這種知識。

　　1 謹(jǐn)防某些強(qiáng)制插件

　　蘋果和Adobe之間最近的摩擦讓我們認(rèn)識到，依賴完全封閉的第三方插件創(chuàng)建網(wǎng)站最終會導(dǎo)致一些嚴(yán)重的后果。微軟似乎要重蹈這樣的錯誤，網(wǎng)站越來越多的依賴Silverlight。

　　我瀏覽微軟的站點(diǎn)準(zhǔn)備這篇文章的資料是，是經(jīng)常受到彈出窗口的騷擾，通知我系統(tǒng)沒有安裝Silverlight因此不能用原本的方式瀏覽這些網(wǎng)頁。我的疑問是，“為什么要走這條路呢？” 特別是對于一些簡單的幻燈片效果的話，可以用的技術(shù)遍地都是。誠然，這是微軟自己的Silverlight，所以從良好的商業(yè)意識出發(fā)要支持它，但這并不意味著加入他們就是最好的選擇。

　　無論你是否是Silverlight的粉絲，我的建議是如果你網(wǎng)站的功能依賴于任何Silverlight或類似技術(shù)，要非常謹(jǐn)慎。有關(guān)繼續(xù)采用Flash開發(fā)網(wǎng)站是否更加合理的爭論還在持續(xù)升溫，像Silverlight這樣的二線系統(tǒng)的采用變得更具賭博性。如有可能，請堅持跨瀏覽器，符合標(biāo)準(zhǔn)的代碼和工具——別要求你的訪客額外的操作或者安裝。

　　2 注意分辨率

　　這是我對微軟最大的抱怨，因?yàn)樗雌饋砭拖裨O(shè)計得很草率。毫無疑問，盡量減小文件大小而增加實(shí)用性和保持圖片清晰清楚之間是一條狹窄的路，但我還是不禁覺得，相比那些專業(yè)的站點(diǎn)，微軟似乎更傾向于顯示丑陋的鋸齒狀的JPG。

　　撥號上網(wǎng)用戶數(shù)量已經(jīng)逐年減少，可接受的圖像尺寸已經(jīng)越來越大。不過這也不意味著你可以不用再注意盡量把有必要小尺寸的圖片尺寸弄小，但現(xiàn)在這里，設(shè)計的分量變得這么重，分辨率過小會大大降低了網(wǎng)站的外觀質(zhì)量，圖片變得弄巧成拙！

　　這會是很諷刺的，本來你希望使用圖片讓你的網(wǎng)站更好看，但在這個過程中，最終降低了你的美感。如果可能，在不同的顯示器預(yù)覽你處理的圖片，要注意有多少失真，多少人工痕跡你可以接受的。

　　3 組織凌亂

　　有時你按照常規(guī)的設(shè)計規(guī)則，到最后還是有些東西似乎視覺欠佳。瀏覽微軟的網(wǎng)站我就遇到很多這樣的頁面，例如下面這個，盡管嘗試使用了基于排列的組織，看起來還是那么凌亂。

　　那么問題在哪里呢？簡單地說，在于這里一個相對狹小的空間里要放一大堆東西。即使他們肯定的已經(jīng)試圖對內(nèi)容排版，還通過圖標(biāo)增強(qiáng)視覺可讀性，最終結(jié)果仍然是相當(dāng)失衡。

　　如果你仔細(xì)看看，你會發(fā)現(xiàn)這頁面的四個欄目似乎是由四個不同的人來設(shè)計的，只是把它們都擠在一起。左邊的圖片相對于右邊看起來真的的沉重，文字顏色有點(diǎn)斷斷續(xù)續(xù)，內(nèi)容是笨拙交錯，各列之間缺乏足夠的空白喘息空間，難看出它們的版面獨(dú)立性。

　　這里得到的教訓(xùn)是要包裝你頁面的欄目信息時，小心內(nèi)容信息過于龐雜。毫無疑問，有很多情況下都會要求增加更多的內(nèi)容，但應(yīng)在統(tǒng)一和諧且有吸引力的方式組織處理，比如下面這個漂亮的例子（來自非微軟的網(wǎng)站）。

4 矛盾

　　從Microsoft.com開始，打開了龐大的導(dǎo)航下拉菜單，選擇站點(diǎn)不同地方訪問，你會發(fā)現(xiàn)，無論哪個鏈接，你點(diǎn)擊出來的頁面相比主頁是相當(dāng)不同，即使在同一個下拉菜單出來的頁面都是如此大差別。

　　瀏覽微軟的網(wǎng)站就像玩一個旋轉(zhuǎn)的輪盤賭。你已幾乎猜不到你要去的地方和所期待的下一個頁面。部分頁面有swooshy（優(yōu)美風(fēng)格的曲線）背景，而其它頁面則是漸變的背景，甚至是發(fā)散的圓環(huán)。大多數(shù)網(wǎng)頁似乎傾向于藍(lán)色，但又不是相同的藍(lán)，也有一些網(wǎng)頁完全忽略了藍(lán)色傾向。

　　問題是，不管你網(wǎng)站是2頁或者200頁，一致性還是必需的。在有限的時間內(nèi)對一個網(wǎng)站的運(yùn)作方式和界面變得熟悉時，用戶會感到更加舒適。每隔幾頁就給一些截然不同的東西會使瀏覽更加混亂，用戶體驗(yàn)也變得很低效。

　　除此之外，創(chuàng)造一個強(qiáng)有力的統(tǒng)一的品牌就是一個良好的業(yè)務(wù)，因?yàn)樗鼛椭蛻粢愿?dú)立的方式去聯(lián)想你公司。當(dāng)然了，微軟有許多不同的品牌，這些分站都是從主頁延伸出來的，但即使是Microsoft.com核心的網(wǎng)頁中，圖片風(fēng)格和導(dǎo)航方法似乎大大不同。