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

“我們都開始在思考一些共同的問題，比如：1024像素寬的桌面。”

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

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

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

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

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

“2011是移動之年。”

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

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

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

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

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

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

Aaron Weyenberg ——網(wǎng)頁設(shè)計師、移動應(yīng)用程序開發(fā)者?，F(xiàn)作為TED大會演講人之一。

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

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

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

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

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

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

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

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

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

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

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

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

“甚至，還能更好。”

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

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

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

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

來源：webdesign 編譯：DamnDigital