今天，我們將分析大名鼎鼎的軟件公司的網(wǎng)頁(yè)設(shè)計(jì)做法和傾向，看看我們是否可以學(xué)到一些東西，以避免在我們自己工作的失誤。同意或不同意我的看法，隨時(shí)在下面評(píng)論建議。作為專業(yè)設(shè)計(jì)師，你的觀點(diǎn)是有價(jià)值的，我期待著你的想法。
偶爾的數(shù)落
如果你討厭文章充滿吹毛求疵般的嘮叨，我很抱歉，這個(gè)文章偶爾會(huì)有點(diǎn)挑剔。我通常喜歡贊揚(yáng)好的設(shè)計(jì)而不是批評(píng)壞的設(shè)計(jì)，但是當(dāng)大衛(wèi).阿普爾亞德和我決定寫一個(gè)微軟設(shè)計(jì)傾向分析的文章后，好像不得不見(jiàn)識(shí)一下什么是雜亂，丑陋，甚至（或者）失敗的東西。
為了避免評(píng)論淪入口舌之爭(zhēng)，我在下面的分析中不會(huì)提及蘋果或者跟蘋果單獨(dú)對(duì)比。這并不是因?yàn)镻C對(duì)MAC是最沒(méi)爭(zhēng)論的，而是因?yàn)槲覀冎皇窍肟纯茨切┪覀冋J(rèn)為真的缺乏實(shí)踐的網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)。微軟是一個(gè)很成功的公司，這不會(huì)因?yàn)橛行﹩?wèn)題而掩蓋。實(shí)際上，正如后面指出的，微軟在某些站點(diǎn)團(tuán)隊(duì)中有一些很優(yōu)秀的設(shè)計(jì)師，我們只是提出，應(yīng)該有一個(gè)更高更全面的質(zhì)量控制。
出于這樣的考慮，讓我們來(lái)分析微軟一些缺少設(shè)計(jì)和開(kāi)發(fā)實(shí)踐的地方，從中你可以受益于這種知識(shí)。
1 謹(jǐn)防某些強(qiáng)制插件
蘋果和Adobe之間最近的摩擦讓我們認(rèn)識(shí)到，依賴完全封閉的第三方插件創(chuàng)建網(wǎng)站最終會(huì)導(dǎo)致一些嚴(yán)重的后果。微軟似乎要重蹈這樣的錯(cuò)誤，網(wǎng)站越來(lái)越多的依賴Silverlight。
我瀏覽微軟的站點(diǎn)準(zhǔn)備這篇文章的資料是，是經(jīng)常受到彈出窗口的騷擾，通知我系統(tǒng)沒(méi)有安裝Silverlight因此不能用原本的方式瀏覽這些網(wǎng)頁(yè)。我的疑問(wèn)是，“為什么要走這條路呢？” 特別是對(duì)于一些簡(jiǎn)單的幻燈片效果的話，可以用的技術(shù)遍地都是。誠(chéng)然，這是微軟自己的Silverlight，所以從良好的商業(yè)意識(shí)出發(fā)要支持它，但這并不意味著加入他們就是最好的選擇。
無(wú)論你是否是Silverlight的粉絲，我的建議是如果你網(wǎng)站的功能依賴于任何Silverlight或類似技術(shù)，要非常謹(jǐn)慎。有關(guān)繼續(xù)采用Flash開(kāi)發(fā)網(wǎng)站是否更加合理的爭(zhēng)論還在持續(xù)升溫，像Silverlight這樣的二線系統(tǒng)的采用變得更具賭博性。如有可能，請(qǐng)堅(jiān)持跨瀏覽器，符合標(biāo)準(zhǔn)的代碼和工具——?jiǎng)e要求你的訪客額外的操作或者安裝。
2 注意分辨率
這是我對(duì)微軟最大的抱怨，因?yàn)樗雌饋?lái)就像設(shè)計(jì)得很草率。毫無(wú)疑問(wèn)，盡量減小文件大小而增加實(shí)用性和保持圖片清晰清楚之間是一條狹窄的路，但我還是不禁覺(jué)得，相比那些專業(yè)的站點(diǎn)，微軟似乎更傾向于顯示丑陋的鋸齒狀的JPG。
撥號(hào)上網(wǎng)用戶數(shù)量已經(jīng)逐年減少，可接受的圖像尺寸已經(jīng)越來(lái)越大。不過(guò)這也不意味著你可以不用再注意盡量把有必要小尺寸的圖片尺寸弄小，但現(xiàn)在這里，設(shè)計(jì)的分量變得這么重，分辨率過(guò)小會(huì)大大降低了網(wǎng)站的外觀質(zhì)量，圖片變得弄巧成拙！
這會(huì)是很諷刺的，本來(lái)你希望使用圖片讓你的網(wǎng)站更好看，但在這個(gè)過(guò)程中，最終降低了你的美感。如果可能，在不同的顯示器預(yù)覽你處理的圖片，要注意有多少失真，多少人工痕跡你可以接受的。
3 組織凌亂
有時(shí)你按照常規(guī)的設(shè)計(jì)規(guī)則，到最后還是有些東西似乎視覺(jué)欠佳。瀏覽微軟的網(wǎng)站我就遇到很多這樣的頁(yè)面，例如下面這個(gè)，盡管嘗試使用了基于排列的組織，看起來(lái)還是那么凌亂。
那么問(wèn)題在哪里呢？簡(jiǎn)單地說(shuō)，在于這里一個(gè)相對(duì)狹小的空間里要放一大堆東西。即使他們肯定的已經(jīng)試圖對(duì)內(nèi)容排版，還通過(guò)圖標(biāo)增強(qiáng)視覺(jué)可讀性，最終結(jié)果仍然是相當(dāng)失衡。
如果你仔細(xì)看看，你會(huì)發(fā)現(xiàn)這頁(yè)面的四個(gè)欄目似乎是由四個(gè)不同的人來(lái)設(shè)計(jì)的，只是把它們都擠在一起。左邊的圖片相對(duì)于右邊看起來(lái)真的的沉重，文字顏色有點(diǎn)斷斷續(xù)續(xù)，內(nèi)容是笨拙交錯(cuò)，各列之間缺乏足夠的空白喘息空間，難看出它們的版面獨(dú)立性。
這里得到的教訓(xùn)是要包裝你頁(yè)面的欄目信息時(shí)，小心內(nèi)容信息過(guò)于龐雜。毫無(wú)疑問(wèn)，有很多情況下都會(huì)要求增加更多的內(nèi)容，但應(yīng)在統(tǒng)一和諧且有吸引力的方式組織處理，比如下面這個(gè)漂亮的例子（來(lái)自非微軟的網(wǎng)站）。
4 矛盾
從Microsoft.com開(kāi)始，打開(kāi)了龐大的導(dǎo)航下拉菜單，選擇站點(diǎn)不同地方訪問(wèn)，你會(huì)發(fā)現(xiàn)，無(wú)論哪個(gè)鏈接，你點(diǎn)擊出來(lái)的頁(yè)面相比主頁(yè)是相當(dāng)不同，即使在同一個(gè)下拉菜單出來(lái)的頁(yè)面都是如此大差別。
瀏覽微軟的網(wǎng)站就像玩一個(gè)旋轉(zhuǎn)的輪盤賭。你已幾乎猜不到你要去的地方和所期待的下一個(gè)頁(yè)面。部分頁(yè)面有swooshy（優(yōu)美風(fēng)格的曲線）背景，而其它頁(yè)面則是漸變的背景，甚至是發(fā)散的圓環(huán)。大多數(shù)網(wǎng)頁(yè)似乎傾向于藍(lán)色，但又不是相同的藍(lán)，也有一些網(wǎng)頁(yè)完全忽略了藍(lán)色傾向。
問(wèn)題是，不管你網(wǎng)站是2頁(yè)或者200頁(yè)，一致性還是必需的。在有限的時(shí)間內(nèi)對(duì)一個(gè)網(wǎng)站的運(yùn)作方式和界面變得熟悉時(shí)，用戶會(huì)感到更加舒適。每隔幾頁(yè)就給一些截然不同的東西會(huì)使瀏覽更加混亂，用戶體驗(yàn)也變得很低效。
除此之外，創(chuàng)造一個(gè)強(qiáng)有力的統(tǒng)一的品牌就是一個(gè)良好的業(yè)務(wù)，因?yàn)樗鼛椭蛻粢愿?dú)立的方式去聯(lián)想你公司。當(dāng)然了，微軟有許多不同的品牌，這些分站都是從主頁(yè)延伸出來(lái)的，但即使是Microsoft.com核心的網(wǎng)頁(yè)中，圖片風(fēng)格和導(dǎo)航方法似乎大大不同。
聯(lián)系客服
