回顧2011 專家眼中的網(wǎng)站設(shè)計(jì)(2)

“我們都開(kāi)始在思考一些共同的問(wèn)題，比如：1024像素寬的桌面。”

Jonathan Snook——知名Web開(kāi)發(fā)與設(shè)計(jì)師，從事 Web 前端設(shè)計(jì)，后臺(tái)開(kāi)發(fā)以及 Adobe AIR 桌面應(yīng)用的開(kāi)發(fā)。

這一年中，最令我難忘的無(wú)疑是我們對(duì)于如何建立網(wǎng)站這一問(wèn)題的思維觀念的轉(zhuǎn)變和革新。我們都開(kāi)始在思考一些共同的問(wèn)題，比如：1024像素寬的桌面。移動(dòng)和平板設(shè)備的大肆噴井，迫使我們?nèi)ニ妓鹘窈蟮脑O(shè)計(jì)之路，以及該以何種更好的方式服務(wù)于我們所呈現(xiàn)的內(nèi)容。 

“行業(yè)中出現(xiàn)的不同發(fā)展方向，令我興奮不已。”

Janna Hagan——從事網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)。獲得2011年.net年度青年設(shè)計(jì)師稱號(hào)。

在2011年中最令我難忘的是HTML5與CSS3響應(yīng)性設(shè)計(jì)的崛起。行業(yè)中出現(xiàn)的不同發(fā)展方向以及在這一年中科技的迅速發(fā)展帶來(lái)的一系列變化，都令我們興奮不已。變化與發(fā)展是不可避免的，我們必須用創(chuàng)意性的姿態(tài)去擁抱它。 

“2011是移動(dòng)之年。”

Paul Boag ——網(wǎng)站設(shè)計(jì)公司Headscape創(chuàng)始人之一。從1994年起就邁入網(wǎng)站制作行當(dāng)。經(jīng)常于.net magazine，smashing magazine和web designer depot上發(fā)表觀點(diǎn)文章。

回顧2011年，在移動(dòng)互聯(lián)網(wǎng)的熱潮沖擊下，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的出現(xiàn)解決了由此帶來(lái)的諸多挑戰(zhàn)?，F(xiàn)在不用額外付費(fèi)就能在各種移動(dòng)終端上訪問(wèn)各類網(wǎng)頁(yè)了。最棒的是，新建的網(wǎng)頁(yè)幾乎可以兼容所有移動(dòng)終端（無(wú)論是舊版或者升級(jí)版），其成本運(yùn)比原先的方法低。就個(gè)人而言，這可是一大進(jìn)步。

“2011顛覆了我一貫的網(wǎng)頁(yè)設(shè)計(jì)思路。”

Veerle Pieters ——比利時(shí)平面及網(wǎng)頁(yè)設(shè)計(jì)師。Duoh! n.v.的創(chuàng)始者之一。
某種程度上而言，2011年由于移動(dòng)網(wǎng)絡(luò)的興起，顛覆了我一貫的網(wǎng)頁(yè)設(shè)計(jì)思路。當(dāng)我在設(shè)計(jì)的時(shí)候，我會(huì)盡可能的考慮到移動(dòng)這個(gè)概念。根據(jù)每個(gè)網(wǎng)站或者項(xiàng)目的類型以及其他元素，是可以做出完整的響應(yīng)式網(wǎng)頁(yè)的。當(dāng)然這就對(duì)我的思維定勢(shì)帶來(lái)的一定的挑戰(zhàn)，我要打破常規(guī)貴，把那些條條框框的禁忌拋到腦后，創(chuàng)新就應(yīng)該是這樣，成功的作品就是這樣煉出來(lái)的。

當(dāng)然在創(chuàng)作過(guò)程中，還是要謹(jǐn)記一些基本標(biāo)準(zhǔn)，會(huì)遇到像CSS代碼這樣的小障礙。這就促使我在編碼時(shí)，要更大膽創(chuàng)新，我拒絕墨守成規(guī)。要設(shè)計(jì)出一個(gè)完全響應(yīng)式網(wǎng)頁(yè)，我必須盡可能地丟棄那些禁忌要點(diǎn)，這才是我的作風(fēng)。其中的挑戰(zhàn)就是，需要在基本標(biāo)準(zhǔn)與個(gè)性發(fā)揮間保持平衡。我們可以在設(shè)計(jì)中加入動(dòng)畫(huà)效果，這就是一種新思路。 

“···你不可避免···”

Aaron Weyenberg ——網(wǎng)頁(yè)設(shè)計(jì)師、移動(dòng)應(yīng)用程序開(kāi)發(fā)者?，F(xiàn)作為T(mén)ED大會(huì)演講人之一。

2011年網(wǎng)頁(yè)設(shè)計(jì)里讓我印象深刻的是，響應(yīng)式設(shè)計(jì)逐步火起來(lái)了。過(guò)去幾年，相比其他主題，有關(guān)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的工具、插件、資源、教學(xué)課程、研討會(huì)個(gè)人覺(jué)得是最多的。雖然我現(xiàn)在無(wú)法確認(rèn)這項(xiàng)技術(shù)的長(zhǎng)期實(shí)效性會(huì)如何，但是它就是必需的——作為設(shè)計(jì)師就更加需要它了，你必須學(xué)會(huì)且精通這項(xiàng)技術(shù)，這樣當(dāng)接到項(xiàng)目時(shí)才能快速反應(yīng)是不是適合用這個(gè)技術(shù)。 

“越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師選擇了滑動(dòng)式布局而摒棄了固定排版式布局。”

Eivind Uggedal ——wasitup.com及mediaqueri.es網(wǎng)站的創(chuàng)建者。

去年1月當(dāng)我創(chuàng)建的mediaqueri.es網(wǎng)站上線時(shí)，我還沒(méi)想過(guò)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)會(huì)在2011年如此大熱。不僅僅是我建議的一些網(wǎng)站都使用了這項(xiàng)技術(shù)，越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師選擇了滑動(dòng)式布局而摒棄了固定排版式布局。我們也發(fā)現(xiàn)了像The Botson Globe和Barack Obama這樣高端的網(wǎng)站都改成了響應(yīng)式或自適應(yīng)式版本重新上線了。 

“如果你是網(wǎng)頁(yè)創(chuàng)建團(tuán)隊(duì)的一分子，你不可能不為這些大事件欣喜若狂。”

Peter Gasston ——從事于Top 10網(wǎng)站的開(kāi)發(fā)。出版《The Book of CSS3: A Developer’s Guide to the Future of Web Design》一書(shū)。經(jīng)常于.Net雜志、CSS3.info網(wǎng)站上發(fā)表文章。

我想說(shuō)微軟發(fā)布IE10是2011年一樁大事件，不僅因?yàn)樗S著IE9接踵而來(lái)，更是因?yàn)镮E10預(yù)覽版在測(cè)試階段就已經(jīng)顯現(xiàn)出快速、標(biāo)準(zhǔn)規(guī)格的性能了。而且，IE10是配備了Windows 8 tablet OS 操作系統(tǒng)——這標(biāo)志著微軟對(duì)開(kāi)放網(wǎng)頁(yè)技術(shù)的信心，同時(shí)也是在向外界表明微軟不服輸。我堅(jiān)信對(duì)于開(kāi)放標(biāo)準(zhǔn)的強(qiáng)烈競(jìng)爭(zhēng)，最大的受益者是用戶，因此2011年我個(gè)人覺(jué)得印象最深刻的就是這件事。

2011年，對(duì)我們這個(gè)行業(yè)而言應(yīng)該是很值得紀(jì)念：未來(lái)的應(yīng)用軟件從桌面到瀏覽器的網(wǎng)頁(yè)遷移，HTML5正在向世人證明它是跨平臺(tái)應(yīng)用開(kāi)發(fā)的最佳選擇，重整旗鼓的微軟又發(fā)布了好的瀏覽器等等。如果你是網(wǎng)頁(yè)創(chuàng)建團(tuán)隊(duì)的一分子，你不可能不為這些大事件欣喜若狂。我有挖掘新瀏覽器特征的愛(ài)好，通過(guò)很多運(yùn)用尖端及試驗(yàn)性的CSS,HTML和JavaScript的演示，絕對(duì)可以滿足我們的好奇心。

失望還是有的，比如互聯(lián)網(wǎng)相關(guān)行業(yè)的爆發(fā)，致使瀏覽器語(yǔ)言出現(xiàn)越來(lái)越多新的規(guī)范和特征， 使得一些人變得越發(fā)浮躁，缺乏耐心，喜歡走捷徑：他們表示不再支持舊的瀏覽器，或者對(duì)不支持相關(guān)性能的瀏覽器不再做過(guò)多的演示和范例（當(dāng)這些瀏覽器不能執(zhí)行相關(guān)特征時(shí)也不會(huì)保修）。所以還是期待2012年網(wǎng)站創(chuàng)建的會(huì)更好吧。 

“2011年是設(shè)計(jì)年。”

Aarron Walter ——《Designing for Emotion》一書(shū)作者，MailChimp首席用戶體驗(yàn)設(shè)計(jì)師。

谷歌重新設(shè)計(jì)了Gmail，閱讀器Reader, 谷歌地圖Maps, 谷歌搜索Search及其他門(mén)戶網(wǎng)站，也是第一次看上去是谷歌的設(shè)計(jì)師而不是工程師影響著這些網(wǎng)站界面的發(fā)展。Facebook喜獲很多設(shè)計(jì)人才，在F8 研討會(huì)上預(yù)先展示了他們以故事為基礎(chǔ)的新頁(yè)面。隨著他們收購(gòu)地理位置共享服務(wù)商Gowalla，新的一年Facebook的設(shè)計(jì)方向無(wú)疑會(huì)發(fā)生潛移默化的改變。去年10月喬布斯的離世對(duì)整個(gè)設(shè)計(jì)界影響頗大，讓設(shè)計(jì)師這一角色重新回歸世人的視線，重燃了設(shè)計(jì)師們的創(chuàng)作熱情。2011我們銘記設(shè)計(jì)，2012我們必將大展身手。

“甚至，還能更好。”

Lea Verou ——網(wǎng)頁(yè)前端技術(shù)開(kāi)發(fā)人員，熱衷于JavaScript、CSS3技術(shù)的開(kāi)發(fā)。同時(shí)創(chuàng)立了Fresset公司。

2011年，業(yè)界發(fā)展不錯(cuò)。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)從一個(gè)新鮮的酷炫玩意發(fā)展到每個(gè)網(wǎng)站的必需，CSS大熱，CSS和JavaScript預(yù)處理變成了主流，新的頁(yè)面技術(shù)最終得以可行，新的應(yīng)用程序界面使很多不可能成為了可能，過(guò)去需要插件或者端代碼，現(xiàn)在都不需要了。

然而，令我印象最深刻的還不是個(gè)別的技術(shù)，而是整個(gè)行業(yè)的發(fā)展藍(lán)圖。我們總會(huì)開(kāi)發(fā)出新的工具，讓我們工作的更好，我認(rèn)為過(guò)去幾年特別是2011年，應(yīng)該是歷史上第一次瀏覽器的激烈競(jìng)爭(zhēng)吸引了網(wǎng)頁(yè)開(kāi)發(fā)者的注意，很欣慰的是我們發(fā)現(xiàn)競(jìng)爭(zhēng)的目標(biāo)不是互相廝殺，而是都在支持開(kāi)放網(wǎng)頁(yè)標(biāo)準(zhǔn)。

如果要向網(wǎng)頁(yè)設(shè)計(jì)師描述過(guò)去二十幾年我們的生活，他們應(yīng)該很難相信。那就讓我們停止抱怨，讓他們知道我們已經(jīng)走在了很前端，我們已經(jīng)做的很好了。甚至，還能更好。請(qǐng)系好安全帶，跟著我們一起，因?yàn)檫M(jìn)步的列車馬上就要開(kāi)動(dòng)了。

來(lái)源：webdesign 編譯：DamnDigital