互聯(lián)網(wǎng)發(fā)展的速度實(shí)在太快了，快得總是產(chǎn)生著各種各樣的泡沫。你看到技術(shù)光鮮亮麗的外表，卻經(jīng)常會(huì)忽略那些隱藏著各種不完善的隱患。開放的生態(tài)環(huán)境，導(dǎo)致了各種混亂的標(biāo)準(zhǔn)，各種兼容問題，各種為了解決當(dāng)前問題而忽略長(zhǎng)遠(yuǎn)發(fā)展的不完善的解決方案，各種為了效率而舍棄秩序的版本管理……如果你對(duì)于這些完全不了解，那你就離踏進(jìn)技術(shù)埋下的坑為期不遠(yuǎn)了。
首先會(huì)遇到的坑就是標(biāo)準(zhǔn)和兼容的問題。,此時(shí)距離微軟宣布停止更新維護(hù)Windows XP已經(jīng)三五年有余，但是目前仍然有大量的用戶使用著XP，令網(wǎng)頁設(shè)計(jì)師們深惡痛絕的IE6瀏覽器。
在XP系統(tǒng)最為盛行的年代，我們吐槽過后來的IE7、IE8、IE9……，但是直到有一天，我們發(fā)現(xiàn)IE6真的老了，于是，我們又開始吐槽IE6。
IE6讓人難以接受的地方，除了效率低、速度慢之外，最鬧心的是IE6不支持CSS3，更不用說HTML5了。事實(shí)上只要是新技術(shù)，IE6 要么反應(yīng)慢半拍，要么就是干脆不支持。于是，我們往往需要為了這個(gè)萬惡的老版本瀏覽器去做不能抉擇的抉擇——要么放棄IE6用戶，要么放棄使用新技術(shù)，而往往新技術(shù)的表現(xiàn)優(yōu)勢(shì)又是如此明顯。技術(shù)發(fā)展的趨勢(shì)，永遠(yuǎn)是版本向下兼容的，但是那些頑固的老版本總是扮演著螳臂擋車的角色，阻礙著新技術(shù)的普及與推廣。雖然如此，我們依然要堅(jiān)信，遲早有一天，那些陳舊的技術(shù)會(huì)徹底退出歷史舞臺(tái)。至少現(xiàn)在，IE6的市場(chǎng)占有率早已風(fēng)光不再了。
有人會(huì)問：兼容性問題不是前端需要考慮的問題么？為什么我們也需要關(guān)注這些問題？如果從專業(yè)分工上來說，兼容性的問題的確是前端的專長(zhǎng)。但是就如同平面設(shè)計(jì)需要懂得印刷（尤其是印前）的相關(guān)知識(shí)一般，網(wǎng)頁設(shè)計(jì)師不了解代碼，不了解技術(shù)，那憑什么說自己是專業(yè)的網(wǎng)頁設(shè)計(jì)師呢？
當(dāng)然，就我個(gè)人而言，并不是特別贊成網(wǎng)頁設(shè)計(jì)師去鉆研代碼。“技術(shù)多面手”只是“三腳貓”的特別稱謂罷了，因?yàn)槿说木τ邢蓿裁炊季ㄟ@似乎是件困難的事情。當(dāng)然，如果你的目標(biāo)是轉(zhuǎn)技術(shù)型管理，那就另當(dāng)別論了。
雖然不必精通，但起碼要知道怎樣做能夠規(guī)避技術(shù)上的局限。了解實(shí)現(xiàn)原理、兼容性這些大方向的東西，能夠有效幫助我們規(guī)避二次返稿的問題。還需要了解新技術(shù)對(duì)于網(wǎng)頁設(shè)計(jì)提出了怎樣的要求（尤其是響應(yīng)式布局、視覺滾動(dòng)差這些對(duì)于設(shè)計(jì)有要求的新技術(shù)）。當(dāng)然，最需要了解的，還是技術(shù)運(yùn)用在怎樣的情況下，才是對(duì)解決問題有益的。
就比如開篇提到的瀑布流布局。那樣的布局用在聚合類信息網(wǎng)站上是非常合適的，就如同Pinterest、花瓣網(wǎng)等網(wǎng)站，它們至今仍然是我們收集素材時(shí)候較常去的聚集地。但是如果用在了錯(cuò)的地方，往往會(huì)起到相反的效果。網(wǎng)頁技術(shù)留給設(shè)計(jì)的坑，都是看上去很美的技術(shù)表現(xiàn)。設(shè)計(jì)師看到好的技術(shù)表現(xiàn)總是會(huì)異常興奮，這會(huì)給予網(wǎng)頁設(shè)計(jì)更多的可能性。但是技術(shù)總有他的局限性，有些是技術(shù)層面的，而有些則是用戶對(duì)象層面的。
在運(yùn)用技術(shù)的時(shí)候，首先需要考慮4個(gè)問題。
● 頁面的運(yùn)營(yíng)需求是怎樣的——需求方通過頁面需要實(shí)現(xiàn)怎樣的運(yùn)營(yíng)目的？
● 頁面的受眾群體是怎樣的一個(gè)群體——他們?cè)L問頁面是出于怎樣的心態(tài)？
● 用戶對(duì)于頁面有怎樣的需求——他們?cè)L問這個(gè)頁面的目的是怎樣的？
● 該使用怎樣的技術(shù)去滿足用戶的需求——甚至給他們一個(gè)大大的驚喜？
回到上文提到的瀑布流的頁面布局，如果是在游戲運(yùn)營(yíng)初期，這樣的瀑布流布局的新聞列表就變得可取了。在游戲運(yùn)營(yíng)初期，訪問網(wǎng)站的用戶大多是新用戶，他們打開游戲官網(wǎng)只是一個(gè)隨機(jī)行為——可能是點(diǎn)了廣告，也可能是百度搜索了下當(dāng)下的熱門游戲，作為初次接觸游戲的用戶，他們不會(huì)對(duì)網(wǎng)站有太高的黏著度。這個(gè)時(shí)候，高大上的新技術(shù)所展現(xiàn)出來的畫面感往往會(huì)增加他瀏覽的興趣，此時(shí)的用戶沒有明確的尋找信息的目標(biāo)，所以在這個(gè)階段，新聞列表使用瀑布流布局會(huì)是一個(gè)加分項(xiàng)。所以說，好的技術(shù)，用在了對(duì)的時(shí)間，面向了對(duì)的用戶，才能為網(wǎng)頁設(shè)計(jì)加分，這是每一個(gè)網(wǎng)頁設(shè)計(jì)師都需要考慮的問題。
另外一個(gè)需要設(shè)計(jì)師去考慮的，就是技術(shù)運(yùn)用時(shí)候的局限性，用戶使用的終端屬性等因素。雖然這些問題爆發(fā)的時(shí)候都不是設(shè)計(jì)層面的，但作為專業(yè)的網(wǎng)站設(shè)計(jì)師，我們依然有了解的必要。
比如Flash網(wǎng)站，雖然在表現(xiàn)力上非常強(qiáng)大，但同時(shí)也帶來了SEO（搜索引擎優(yōu)化）方面的困擾。每次百度公司的培訓(xùn)，都會(huì)拿著上海大眾公司的Flash網(wǎng)站進(jìn)行吐槽。Flash網(wǎng)站對(duì)于搜索引擎非常不友好，往往這種網(wǎng)站運(yùn)營(yíng)的時(shí)候，需要為搜索排名付出更多的資金才能獲得較好的網(wǎng)站排名。
再比如JQuery、Ajax這些耳熟能詳?shù)捻撁婵蚣芗夹g(shù)，它們可以大大提高用戶體驗(yàn)的友好度，表現(xiàn)力方面也非常優(yōu)秀。但是，越是這樣的框架性技術(shù)，越是容易存在各種技術(shù)應(yīng)用上的限制，經(jīng)常發(fā)生各種版本插件的不兼容、多個(gè)插件容易產(chǎn)生相互沖突的事件。在頁面上大量使用類似的技術(shù)會(huì)降低瀏覽器的效率，嚴(yán)重的情況下，甚至?xí)䦟?dǎo)致頁面崩潰，并留下安全隱患。
所以，當(dāng)我們依靠技術(shù)解決問題的時(shí)候，必須要注意到技術(shù)可能會(huì)帶來的問題，必須要考慮到技術(shù)是否用在了合適的地方，是否能夠?qū)崿F(xiàn)需求方要實(shí)現(xiàn)的運(yùn)營(yíng)目標(biāo)，因?yàn)樵O(shè)計(jì)并不是到交出設(shè)計(jì)稿就結(jié)束了。網(wǎng)頁設(shè)計(jì)的好壞，也不僅僅是設(shè)計(jì)一個(gè)漂亮的頁面而已，當(dāng)用戶看到頁面產(chǎn)生愉悅的瀏覽體驗(yàn)，并且很好地實(shí)現(xiàn)了需求方設(shè)定的目標(biāo)，這才能證明你的設(shè)計(jì)是好的，你的想法是正確的。
網(wǎng)頁設(shè)計(jì)，最終還是要前端和程序配合來實(shí)現(xiàn)的，并且還需要得到用戶與需求方的肯定才能稱之為好的網(wǎng)頁設(shè)計(jì)。所以永遠(yuǎn)需要明白一點(diǎn)，你不是一個(gè)人在戰(zhàn)斗，你所做的設(shè)計(jì)也并不是網(wǎng)頁的全部。如何使得自己的設(shè)計(jì)成為項(xiàng)目的發(fā)動(dòng)機(jī)，推動(dòng)整個(gè)項(xiàng)目朝著好的方向發(fā)展？這是我們下一章的主要內(nèi)容。
