5 剪貼畫中心的設(shè)計(jì)
看看剪貼畫在微軟Office很無可避免的存在，這個建議會顯然是有點(diǎn)荒謬。但是，ICON設(shè)計(jì)自1995年以來已經(jīng)走了很長的路，是時候放棄圖片中你看到的那種特定風(fēng)格了。
上面這些從微軟網(wǎng)頁拿來的例子讓我感到雞皮疙瘩，尤其是那個丑陋的“Beginner Developer” 標(biāo)志。我搞不懂一個回力標(biāo)為什么要攻擊一個神奇的植物，懸浮著顯示器是協(xié)助攻擊還是逃離現(xiàn)場？我所知道的是，視覺傳達(dá)在這里是一團(tuán)糟。
這就是為什么CSS畫廊像我們自己一樣存在世上的主要原因。不這樣的話你就可以竊取別人的設(shè)計(jì)，但這樣你就可以一瞥你正在開發(fā)的設(shè)計(jì)十年來的發(fā)展?fàn)顩r。瀏覽這些CSS畫廊，就像在商場流行服飾店一樣去，以顯示給你的瘋狂姑姑她沒必要穿得好像要去參加Sunny和Cher的表演。
記得時刻保持自由無疆界，從自我開始超越于流行設(shè)計(jì)。世界都在變化，小心過于固執(zhí)保守。
6 文本對齊與溢出
微軟網(wǎng)站的另一個不容忽視的傾向就是文本總是不斷的破壞行列，很明顯的溢出邊界.
這是一個相當(dāng)容易解決的問題，僅僅需要一點(diǎn)努力和注意。只是一定要會利用免費(fèi)工具像Adobe的瀏覽器實(shí)驗(yàn)室，以確保你的布局在主流瀏覽器都不會被破壞。
在談到跨瀏覽器的一致性時，無可否認(rèn)的CSS布局像一個棘手的野獸，不過那樣的小錯會讓你網(wǎng)站的品質(zhì)下降，所以還是很值得你花時間去解決的。
7 缺乏對齊
有時，一個給定頁面交給我，要我指出設(shè)計(jì)的毛病來是一個挑戰(zhàn)。例如，在下面的網(wǎng)頁，原本我想找這個小窗口使用的碴——點(diǎn)擊時不會變大，但我看頁面越久，我就對這個頁面的布局的用意感到困惑。
如果你熟悉基本的設(shè)計(jì)理論，你知道，學(xué)習(xí)貫徹穩(wěn)固一致的路線是優(yōu)秀的網(wǎng)頁布局的關(guān)鍵。如上圖所示網(wǎng)站的左，中，右的視覺對齊奇怪的混合，聯(lián)結(jié)頂部留出的不尷不尬的空白，為內(nèi)容信息呈現(xiàn)了一個怪異視覺流。
此外，如果瀏覽上面這個頁面，你會看到整個內(nèi)容似乎試圖在頁面居中，但由于中間橫穿過一個區(qū)帶，使得頁面似乎中心偏右了。
8 廣告雜亂
如下圖，免費(fèi)設(shè)計(jì)博客喜歡放大量的廣告，這是給我們的收入方式，以支持繼續(xù)提供內(nèi)容服務(wù)。不過如果你運(yùn)行的是一個專業(yè)商務(wù)網(wǎng)站，你想減少內(nèi)容消息并專業(yè)化廣告，你就必須仔細(xì)考慮了。
Microsoft.com的頁面充滿了各種廣告，實(shí)實(shí)在在的降低了網(wǎng)頁上的美感。有時，這些廣告是直接指向到其他微軟的網(wǎng)頁，有時是指向其他公司或合作伙伴。導(dǎo)航你的網(wǎng)站到其他下屬站點(diǎn)這種概念是無可厚非的，但如何去實(shí)現(xiàn)這就有很大的區(qū)別了。
有一個事實(shí)就是，現(xiàn)在大多數(shù)網(wǎng)民都學(xué)會了辨認(rèn)，忽略甚至可能反感橫幅廣告。這并不是說，這種類型的廣告在適當(dāng)?shù)哪繕?biāo)和設(shè)計(jì)下也沒有效果，更不是說微軟用戶根本不去點(diǎn)擊，我實(shí)在覺得可疑的是，就沒有更好的處理辦法了么？
如你所見，微軟網(wǎng)站如果要導(dǎo)航用戶到他們的移動電話和其他項(xiàng)目，簡單的方法就是設(shè)置了一個混亂，非標(biāo)準(zhǔn)（智能設(shè)計(jì)）的廣告系統(tǒng)貫穿整個網(wǎng)站。不過，似乎將廣告內(nèi)容整合到網(wǎng)站一體，隨著用戶的關(guān)注，會有一個很不錯的點(diǎn)擊率。
另外，這種整合將使設(shè)計(jì)更加統(tǒng)一和諧。因?yàn)樗麄兏鼘幵冈黾右粋€單元而不是分割一個欄目。對了，這也許是我可以理解的微軟“效率成本”做法的方案，但我要告誡一下別讓他們誤導(dǎo)你。大部分情況下，你設(shè)計(jì)的網(wǎng)站不會是像微軟一樣的兆級網(wǎng)絡(luò)，因此更適于踏實(shí)的統(tǒng)籌的設(shè)計(jì)，可避免過多廣告造成的視覺混亂。
顯然，有很多類型的網(wǎng)站這并不適合出現(xiàn)廣告。你要考慮清楚你網(wǎng)站是銷售產(chǎn)品或服務(wù)，還是需要額外的收入和廣告的騷擾。
9 缺少留白的喘息空間
在印刷設(shè)計(jì)，設(shè)計(jì)師在每一頁都安排“生息區(qū)”，通常的做法是在頁面邊緣加入矩形區(qū)域，定義出放置內(nèi)容的安全范圍，避免頁面太擠逼或頁邊擁擠。大多數(shù)網(wǎng)頁設(shè)計(jì)師都會直覺上這樣做，很明顯的你不希望內(nèi)容太散，因而擠到了瀏覽器側(cè)邊。
然而，正如上面截圖顯示，微軟的一些網(wǎng)頁似乎并沒有看重這方面的意見。相反，頁面的內(nèi)容總是不在任何空白或者邊緣就開始（至少在我使用的瀏覽器上是這樣）。
左邊的導(dǎo)航版，讓人感覺不是內(nèi)置在這個頁面的，感覺好像截?cái)嗔耍ㄊ橇?，這樣的情況還可能是由于一個事實(shí)：我沒有IE）。這個例子的教訓(xùn)就是：永遠(yuǎn)要留意瀏覽器窗口的邊緣。除非你是為了某種明顯的視覺效果而打破規(guī)則。將你的內(nèi)容，尤其是交互和鏈接，放在有邊緣的安全范圍，這樣用戶使用的時候不會感到很擠。
如果你細(xì)看一下上面的截圖，你可以看到微軟的設(shè)計(jì)師一些失敗例子，他們根本沒有考慮到這些頁面的文本塊在主流瀏覽器是否浮動正常。這是微軟很有趣的傾向，許多網(wǎng)頁設(shè)計(jì)師，終日挖空心思的為IE瀏覽器而作特別的適應(yīng)，但一家微軟這樣的大公司顯然不能這么無所謂的，不去在其他系統(tǒng)情況下檢查他們自己的工作。
10 未充分利用人才
盡管上述關(guān)于微軟網(wǎng)頁設(shè)計(jì)的負(fù)面評價很多，我還是驚喜地發(fā)現(xiàn)，他們其實(shí)也有不少網(wǎng)站和網(wǎng)頁看起來很漂亮迷人。
網(wǎng)站的很多地方讓我相信微軟真的用心考慮布局，色彩選擇，跨瀏覽器兼容，上面是其中兩個例子。這些可以看到，微軟這個大染缸中的某處還有不乏才華的人，可以幫助微軟走出衰退的設(shè)計(jì)。
這些設(shè)計(jì)師，無論他們是誰，應(yīng)該提升到合適的職位，讓他們能夠建立共同協(xié)作，并制定每個微軟網(wǎng)頁設(shè)計(jì)師要遵循一致標(biāo)準(zhǔn)。他們可以在一個內(nèi)容混亂似迷宮一樣的地方，建立很多很明顯屬于同一企業(yè)的漂亮站點(diǎn)，從而建立強(qiáng)大網(wǎng)絡(luò)品牌。
最后我給的建議是，找到你自己公司這種類型的優(yōu)秀人才，給他們一個鼓勵聲音，而不是讓他在團(tuán)隊(duì)中悲哀的埋沒了才華，任命最強(qiáng)設(shè)計(jì)師和開發(fā)人員到合適的職位，在那里他們可以影響每個角落的視覺溝通關(guān)聯(lián)到特定的品牌。
這樣可以有效地通過建立明確的，一貫的，嚴(yán)格的品牌指導(dǎo)策略，并將不同品牌的策略分發(fā)給每一個設(shè)計(jì)人員和開發(fā)人員。
思考總結(jié)
總之，盡管微軟擁有不少極有才華的網(wǎng)頁設(shè)計(jì)師，這些人的工作成果幾乎被那些大量的不符合標(biāo)準(zhǔn)的內(nèi)容所淹沒，而這些標(biāo)準(zhǔn)，我們覺得即使只工作一年多設(shè)計(jì)師和開發(fā)人員新手都可以期望做到的。
幸運(yùn)的是，我們可以拿微軟作為教訓(xùn)，以清楚說明這些工作方式是錯誤的。在說到工作成品的質(zhì)量時，絕不要悲觀的認(rèn)為，你僅僅是一個單槍匹馬的自由職業(yè)者或小型的設(shè)計(jì)公司，就不能勝過那些大型企業(yè)和設(shè)計(jì)公司。
我發(fā)現(xiàn)，世界各地在家里辦公的設(shè)計(jì)師中，要找到比坐在大公司大桌子前的設(shè)計(jì)師更優(yōu)秀的實(shí)在很容易。你要享受這樣的事實(shí)：你不必去協(xié)調(diào)和控制數(shù)百個設(shè)計(jì)師的工作質(zhì)量。盡量運(yùn)用你擁有的少量資源結(jié)合你個人天馬行空無邊無際的創(chuàng)意和動力，去創(chuàng)造一些優(yōu)美的功能強(qiáng)的設(shè)計(jì)，創(chuàng)造一些網(wǎng)絡(luò)上最優(yōu)秀的站點(diǎn)。
本人翻譯水平有限，紕漏之處見諒之余，懇請賜教。
