定格2011 專家眼中的網(wǎng)站設(shè)計
“2011年,在網(wǎng)站設(shè)計界最令你難忘的是什么?”我曾對業(yè)界精英們提出過這樣的疑問。其中出現(xiàn)了一個極其高頻的詞(猜猜?),而每個人都有許多話要說。當(dāng)然,在看完以下的這些言論,我們非常歡迎你大聲的說出在2011年中令你印象深刻的轉(zhuǎn)變。
由衷的感謝各位能抽出時間,回答這個問題。我們收集了來自世界各地的作者、設(shè)計師、程序開發(fā)員、UI&UX 設(shè)計師、演講人及來自各個專業(yè)社區(qū)的學(xué)者專家。(以下排名不分先后)
“網(wǎng)頁的設(shè)計形式不再受寬度的局限。響應(yīng)性設(shè)計更好的幫助我們理解網(wǎng)站?!?/h3>
Steve Fisher——在Yellow Pencil工作室擔(dān)任用戶體驗總監(jiān)。國際知名交互設(shè)計師,演講人以及開源傳道者。同時任加拿大平面設(shè)計師協(xié)會網(wǎng)站副總裁。
對于我來說2011年最明顯的特點是互聯(lián)網(wǎng)行業(yè)慢慢走向成熟 。網(wǎng)頁的設(shè)計形式不再受寬度的局限。響應(yīng)性設(shè)計(Responsive design)不僅有助于提升我們對于網(wǎng)站的理解,同時也能加強客戶對其的認識。抽象我們所要表達的內(nèi)容,使之成為簡潔易懂的信息,同時從視覺效果來看網(wǎng)站的設(shè)計,這些都很好的告知了我們設(shè)計的決定因素。今年的一系列變化,讓我感到前所未有的振奮。
twitter:?@hellofisher dribbble:?hellofisher
“我希望在2012年‘響應(yīng)性設(shè)計’并不只是一個熱門關(guān)鍵詞,而是成為作為設(shè)計人員所需具備的基礎(chǔ)能力?!?/h3>
Sarah Parmenter——創(chuàng)立“You Know Who”設(shè)計工作室,專注于網(wǎng)站用戶界面設(shè)計及iPhone和iPad應(yīng)用程序開發(fā)。
響應(yīng)性設(shè)計和內(nèi)容策略的崛起,在2011年中最令我難忘,可以說它們是今年兩大寶貴的財產(chǎn)。我希望在2012年“響應(yīng)性設(shè)計”并不只是一個熱門關(guān)鍵詞,而是成為作為設(shè)計人員所需具備的基礎(chǔ)能力,讓更多的人認識到我們網(wǎng)站內(nèi)容的重要性,并且停止采用“Lorem Ipsum”這種文字排版設(shè)計方式。
twitter:?@sazzy dribbble:?sarah
“核心設(shè)計實際上意味著:溝通與問題解決,個人覺得如今我們在這一層面上做的越來越好?!?/h3>
Vitaly Friedman——Smashingmagazine.com網(wǎng)站聯(lián)合創(chuàng)始人兼首席主編,在線雜志設(shè)計師。
今年,最令我印象深刻的是對于響應(yīng)性設(shè)計的接受程度大幅上升。隨著時代的變遷,在2012年我們開始重新思考,細細斟酌我們的網(wǎng)頁設(shè)計道路,在以各式各樣移動設(shè)備為王道的今天,對于即將面臨的新挑戰(zhàn),我們該如何找到解決方案。
核心設(shè)計實際上意味著:溝通與問題解決,而個人覺得如今我們在這一層面上已做的越來越好。我們見證了響應(yīng)性模式在網(wǎng)頁設(shè)計各部分中的建立——無論是音頻/視頻,還是導(dǎo)航、表單、廣告等,點滴的進步都那么令人振奮。我堅信,2012年會給我們帶來更多新興技術(shù),而這對于改善web用戶體驗無疑又是一次濃墨重彩。我非常期待這個時刻的到來!
twitter:?@smashingmag google+:?vitaly
“2011年打破了常規(guī)工具使用的方式?!?/h3>
Paul Irish——前段開發(fā)人員,Google Chrome開發(fā)聯(lián)系員,jQuery開發(fā)團隊成員,Modernizr、CSS3 Please和HTML5 Boilerplate首席開發(fā)人員。
從博客到網(wǎng)頁端應(yīng)用程序,對于如何將我們的最佳成果成功的運用于我們的工作并提高其效率還存有很大的發(fā)展空間。對于瀏覽器的內(nèi)部運行需要形成一個清晰的概念,這樣有助于最佳技術(shù)的識別,從而創(chuàng)造出最佳的用戶體驗。與此同時,諸如:Sass & Compass, CodeKit, LiveReload 和ImageOptim這樣的工具還能幫助我們解決網(wǎng)頁瀏覽器支持問題。我對2012年的到來已經(jīng)迫不及待了,我們將創(chuàng)造出何種更加理想的用戶體驗。
twitter:?@paul_irish google +:?paulirish.com/+
“純CSS logo(yak!)”
Harry Roberts——網(wǎng)頁開發(fā)者、作家、設(shè)計師,Smashing Magazine專家小組成員。
大多數(shù)人認為2011年對于網(wǎng)頁設(shè)計來說,是以適應(yīng)性網(wǎng)頁設(shè)計、CSS測試、純CSS logo(yak!)以及滾動視差為代表的一年。而我認為,2011年的CSS充滿活力,兼具實效性與前端高性能?;蛟S有人覺得它以一個沉悶無聊的結(jié)尾結(jié)束了這一年。但我卻看到了web開發(fā)中一個更具挑戰(zhàn)性,更有趣,同時也更有用的一面。隨著用戶界面變得更加復(fù)雜,我們需要找到一條始終保持簡單代碼的途徑;同時,隨著移動設(shè)備的多元化發(fā)展,我們需要找到一條能讓代碼始終保持高性能的途徑。雖然大部分人仍沉溺于媒體查詢(Media Query)和CSS3中,而我卻準備從頭開始,重新投入到CSS布局模塊化、增強其可擴展性以及前端開發(fā)中。
twitter:?@csswizardry dribbble:?csswizardry
“我們都開始在思考一些共同的問題,比如: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)容。
twitter:?@snookca flickr:?jonathansnooka
“行業(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)去擁抱它。
twitter:?@_jannalynn dribbble:?_jannalynn
“2011是移動之年?!?/h3>
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)頁幾乎可以兼容所有移動終端(無論是舊版或者升級版),其成本運比原先的方法低。就個人而言,這可是一大進步。
twitter:?@boagworld podcast:?boagworld.com/podcast
“2011顛覆了我一貫的網(wǎng)頁設(shè)計思路?!?/h3>
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)作過程中,還是要謹記一些基本標(biāo)準,會遇到像CSS代碼這樣的小障礙。這就促使我在編碼時,要更大膽創(chuàng)新,我拒絕墨守成規(guī)。要設(shè)計出一個完全響應(yīng)式網(wǎng)頁,我必須盡可能地丟棄那些禁忌要點,這才是我的作風(fēng)。其中的挑戰(zhàn)就是,需要在基本標(biāo)準與個性發(fā)揮間保持平衡。我們可以在設(shè)計中加入動畫效果,這就是一種新思路。
twitter:?@vpieters dribbble:?veerlepieters
“···你不可避免···”
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)在無法確認這項技術(shù)的長期實效性會如何,但是它就是必需的——作為設(shè)計師就更加需要它了,你必須學(xué)會且精通這項技術(shù),這樣當(dāng)接到項目時才能快速反應(yīng)是不是適合用這個技術(shù)。
twitter:?@aweyenberg dribbble:?aaronweyenberg
“越來越多的網(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)式版本重新上線了。
twitter:?@uggedal github:?uggedal
“如果你是網(wǎng)頁創(chuàng)建團隊的一分子,你不可能不為這些大事件欣喜若狂?!?/h3>
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)準規(guī)格的性能了。而且,IE10是配備了Windows 8 tablet OS 操作系統(tǒng)——這標(biāo)志著微軟對開放網(wǎng)頁技術(shù)的信心,同時也是在向外界表明微軟不服輸。我堅信對于開放標(biāo)準的強烈競爭,最大的受益者是用戶,因此2011年我個人覺得印象最深刻的就是這件事。
2011年,對我們這個行業(yè)而言應(yīng)該是很值得紀念:未來的應(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)建的會更好吧。
twitter:?@stopsatgreen book:?The Book of CSS3
“2011年是設(shè)計年?!?/h3>
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我們必將大展身手。
twitter:?@aarron book:?Designing for Emotion
“甚至,還能更好?!?/h3>
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ā)出新的工具,讓我們工作的更好,我認為過去幾年特別是2011年,應(yīng)該是歷史上第一次瀏覽器的激烈競爭吸引了網(wǎng)頁開發(fā)者的注意,很欣慰的是我們發(fā)現(xiàn)競爭的目標(biāo)不是互相廝殺,而是都在支持開放網(wǎng)頁標(biāo)準。
如果要向網(wǎng)頁設(shè)計師描述過去二十幾年我們的生活,他們應(yīng)該很難相信。那就讓我們停止抱怨,讓他們知道我們已經(jīng)走在了很前端,我們已經(jīng)做的很好了。甚至,還能更好。請系好安全帶,跟著我們一起,因為進步的列車馬上就要開動了。
twitter:?@leaverou github:?LeaVeroue
來源:webdesign
翻譯:Viking Wong & Antonia Huang@DamnDigital
(轉(zhuǎn)載請注明來自DamnDigital)
- 目前還沒評論,等你發(fā)揮!