“2011年，在網(wǎng)站設(shè)計(jì)界最令你難忘的是什么？”我曾對業(yè)界精英們提出過這樣的疑問。其中出現(xiàn)了一個(gè)極其高頻的詞（猜猜？），而每個(gè)人都有許多話要說。當(dāng)然，在看完以下的這些言論，我們非常歡迎你大聲的說出在2011年中令你印象深刻的轉(zhuǎn)變。

由衷的感謝各位能抽出時(shí)間，回答這個(gè)問題。我們收集了來自世界各地的作者、設(shè)計(jì)師、程序開發(fā)員、UI&UX 設(shè)計(jì)師、演講人及來自各個(gè)專業(yè)社區(qū)的學(xué)者專家。（以下排名不分先后）

來源：webdesign
翻譯：Viking Wong & Antonia Huang@DamnDigital
(轉(zhuǎn)載請注明來自DamnDigital)

“網(wǎng)頁的設(shè)計(jì)形式不再受寬度的局限。響應(yīng)性設(shè)計(jì)更好的幫助我們理解網(wǎng)站�！�

Steve Fisher——在Yellow Pencil工作室擔(dān)任用戶體驗(yàn)總監(jiān)。國際知名交互設(shè)計(jì)師，演講人以及開源傳道者。同時(shí)任加拿大平面設(shè)計(jì)師協(xié)會網(wǎng)站副總裁。
對于我來說2011年最明顯的特點(diǎn)是互聯(lián)網(wǎng)行業(yè)慢慢走向成熟 。網(wǎng)頁的設(shè)計(jì)形式不再受寬度的局限。響應(yīng)性設(shè)計(jì)（Responsive design）不僅有助于提升我們對于網(wǎng)站的理解，同時(shí)也能加強(qiáng)客戶對其的認(rèn)識。抽象我們所要表達(dá)的內(nèi)容，使之成為簡潔易懂的信息，同時(shí)從視覺效果來看網(wǎng)站的設(shè)計(jì)，這些都很好的告知了我們設(shè)計(jì)的決定因素。今年的一系列變化，讓我感到前所未有的振奮。

twitter: @hellofisher     dribbble: hellofisher

“我希望在2012年‘響應(yīng)性設(shè)計(jì)’并不只是一個(gè)熱門關(guān)鍵詞，而是成為作為設(shè)計(jì)人員所需具備的基礎(chǔ)能力�！�

Sarah Parmenter——創(chuàng)立“You Know Who”設(shè)計(jì)工作室，專注于網(wǎng)站用戶界面設(shè)計(jì)及iPhone和iPad應(yīng)用程序開發(fā)。
響應(yīng)性設(shè)計(jì)和內(nèi)容策略的崛起，在2011年中最令我難忘，可以說它們是今年兩大寶貴的財(cái)產(chǎn)。我希望在2012年“響應(yīng)性設(shè)計(jì)”并不只是一個(gè)熱門關(guān)鍵詞，而是成為作為設(shè)計(jì)人員所需具備的基礎(chǔ)能力，讓更多的人認(rèn)識到我們網(wǎng)站內(nèi)容的重要性，并且停止采用“Lorem Ipsum”這種文字排版設(shè)計(jì)方式。

twitter: @sazzy     dribbble: sarah

“核心設(shè)計(jì)實(shí)際上意味著：溝通與問題解決，個(gè)人覺得如今我們在這一層面上做的越來越好。”

Vitaly Friedman——Smashingmagazine.com網(wǎng)站聯(lián)合創(chuàng)始人兼首席主編，在線雜志設(shè)計(jì)師。
今年，最令我印象深刻的是對于響應(yīng)性設(shè)計(jì)的接受程度大幅上升。隨著時(shí)代的變遷，在2012年我們開始重新思考，細(xì)細(xì)斟酌我們的網(wǎng)頁設(shè)計(jì)道路，在以各式各樣移動設(shè)備為王道的今天，對于即將面臨的新挑戰(zhàn)，我們該如何找到解決方案。

核心設(shè)計(jì)實(shí)際上意味著：溝通與問題解決，而個(gè)人覺得如今我們在這一層面上已做的越來越好。我們見證了響應(yīng)性模式在網(wǎng)頁設(shè)計(jì)各部分中的建立——無論是音頻/視頻，還是導(dǎo)航、表單、廣告等，點(diǎn)滴的進(jìn)步都那么令人振奮。我堅(jiān)信，2012年會給我們帶來更多新興技術(shù)，而這對于改善web用戶體驗(yàn)無疑又是一次濃墨重彩。我非常期待這個(gè)時(shí)刻的到來！

twitter: @smashingmag     google+: vitaly

“2011年打破了常規(guī)工具使用的方式。”

Paul Irish——前段開發(fā)人員，Google Chrome開發(fā)聯(lián)系員，jQuery開發(fā)團(tuán)隊(duì)成員，Modernizr、CSS3 Please和HTML5 Boilerplate首席開發(fā)人員。
從博客到網(wǎng)頁端應(yīng)用程序，對于如何將我們的最佳成果成功的運(yùn)用于我們的工作并提高其效率還存有很大的發(fā)展空間。對于瀏覽器的內(nèi)部運(yùn)行需要形成一個(gè)清晰的概念，這樣有助于最佳技術(shù)的識別，從而創(chuàng)造出最佳的用戶體驗(yàn)。與此同時(shí)，諸如：Sass & Compass, CodeKit, LiveReload 和ImageOptim這樣的工具還能幫助我們解決網(wǎng)頁瀏覽器支持問題。我對2012年的到來已經(jīng)迫不及待了，我們將創(chuàng)造出何種更加理想的用戶體驗(yàn)。

twitter: @paul_irish     google +: paulirish.com/+

“純CSS logo（yak!）”

Harry Roberts——網(wǎng)頁開發(fā)者、作家、設(shè)計(jì)師，Smashing Magazine專家小組成員。
大多數(shù)人認(rèn)為2011年對于網(wǎng)頁設(shè)計(jì)來說，是以適應(yīng)性網(wǎng)頁設(shè)計(jì)、CSS測試、純CSS logo（yak!）以及滾動視差為代表的一年。而我認(rèn)為，2011年的CSS充滿活力，兼具實(shí)效性與前端高性能�；蛟S有人覺得它以一個(gè)沉悶無聊的結(jié)尾結(jié)束了這一年。但我卻看到了web開發(fā)中一個(gè)更具挑戰(zhàn)性，更有趣，同時(shí)也更有用的一面。隨著用戶界面變得更加復(fù)雜，我們需要找到一條始終保持簡單代碼的途徑；同時(shí)，隨著移動設(shè)備的多元化發(fā)展，我們需要找到一條能讓代碼始終保持高性能的途徑。雖然大部分人仍沉溺于媒體查詢（Media Query）和CSS3中，而我卻準(zhǔn)備從頭開始，重新投入到CSS布局模塊化、增強(qiáng)其可擴(kuò)展性以及前端開發(fā)中。

twitter: @csswizardry     dribbble: csswizardry

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

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

twitter: @snookca     flickr: jonathansnooka

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

Janna Hagan——從事網(wǎng)頁設(shè)計(jì)與開發(fā)。獲得2011年.net年度青年設(shè)計(jì)師稱號。
在2011年中最令我難忘的是HTML5與CSS3響應(yīng)性設(shè)計(jì)的崛起。行業(yè)中出現(xiàn)的不同發(fā)展方向以及在這一年中科技的迅速發(fā)展帶來的一系列變化，都令我們興奮不已。變化與發(fā)展是不可避免的，我們必須用創(chuàng)意性的姿態(tài)去擁抱它。

twitter: @_jannalynn     dribbble: _jannalynn

“2011是移動之年。”

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

twitter: @boagworld     podcast: boagworld.com/podcast

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

Veerle Pieters  ——比利時(shí)平面及網(wǎng)頁設(shè)計(jì)師。Duoh! n.v.的創(chuàng)始者之一。
某種程度上而言，2011年由于移動網(wǎng)絡(luò)的興起，顛覆了我一貫的網(wǎng)頁設(shè)計(jì)思路。當(dāng)我在設(shè)計(jì)的時(shí)候，我會盡可能的考慮到移動這個(gè)概念。根據(jù)每個(gè)網(wǎng)站或者項(xià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代碼這樣的小障礙。這就促使我在編碼時(shí)，要更大膽創(chuàng)新，我拒絕墨守成規(guī)。要設(shè)計(jì)出一個(gè)完全響應(yīng)式網(wǎng)頁，我必須盡可能地丟棄那些禁忌要點(diǎn)，這才是我的作風(fēng)。其中的挑戰(zhàn)就是，需要在基本標(biāo)準(zhǔn)與個(gè)性發(fā)揮間保持平衡。我們可以在設(shè)計(jì)中加入動畫效果，這就是一種新思路。

twitter: @vpieters     dribbble: veerlepieters

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

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

twitter: @aweyenberg     dribbble: aaronweyenberg

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

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

twitter: @uggedal     github: uggedal

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

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

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

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

twitter: @stopsatgreen     book: The Book of CSS3

“2011年是設(shè)計(jì)年�！�

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

twitter: @aarron     book: Designing for Emotion

“甚至，還能更好�！�

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

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

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