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)。
本人翻譯水平有限,紕漏之處見諒之余,懇請賜教。