響應(yīng)式成Web設(shè)計新看點。響應(yīng)式Web設(shè)計(ResponsiveWebdesign)的理念是,頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實踐方式由多方面組成,包括彈性網(wǎng)格和布局、圖片、CSSmediaquery的使用等。無論用戶正在使用筆記本還是iPad,我們的頁面都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等,以適應(yīng)不同設(shè)備;換句話說,頁面應(yīng)該有能力去自動響應(yīng)用戶的設(shè)備環(huán)境。這樣,我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計和開發(fā)了。
1.更多的響應(yīng)式設(shè)計
雖然響應(yīng)式設(shè)計在2012年被提的比較多,但是響應(yīng)式設(shè)計仍然在不斷變化,不斷創(chuàng)新。比如,新的設(shè)備不斷出來(iPadMini),這讓以前的設(shè)計想法土崩瓦解。而現(xiàn)在各種Web的響應(yīng)式設(shè)計也獲得了越來越多的注意,“讓人們忘記設(shè)備尺寸”的理念將更快地驅(qū)動響應(yīng)式設(shè)計,所以Web設(shè)計也將迎來更多的響應(yīng)式設(shè)計元素。
2.排版將變得很重要
Web設(shè)計人員和開發(fā)者都很注意一個網(wǎng)站的圖片和javascript,這個趨勢會驅(qū)動字體(排版)在網(wǎng)頁設(shè)計中的地位越來越重要,從@font-face到服務(wù)器默認(rèn)servefont(字體),這些字體往常的受重視度經(jīng)常比圖片和腳本輕。但2013就不會了。而且字體和排版是基于內(nèi)容天生的,會比在圖片和腳本方面下功夫更易獲得回應(yīng)。
3.跟Flash說拜拜
Flash很有可能要over了,因為它不利于一個網(wǎng)站的SEO,許多移動設(shè)備并不支持它,升級它是個很痛苦的事情(升級后在瀏覽器里會卡);而且它的替代者都很優(yōu)秀(HTML5/CSS3,javascript)。TNW大膽預(yù)言Flash將在2013年徹底結(jié)束,一些曾經(jīng)支持它的公司已經(jīng)開始轉(zhuǎn)移注意力,重要的是,很少的設(shè)計師和開發(fā)者會使用到這個,而那些想雇用這些技術(shù)人員的雇主很難請到人才了。
4.iOS“擬物”設(shè)計不再受推崇
依據(jù)過去的線索來為新技術(shù)服務(wù)并沒法太大地改進(jìn)我們的思維方式。比如,我們不需要一個可視化的書架才知道那里有電子書要讀,看電子書的封面我們就知道那是什么了。
在蘋果向其他公司展示它們“擬物”的設(shè)計美學(xué)時,我們已經(jīng)看到了新希望,比如微軟的Metro,所以2013的設(shè)計趨勢是更多的公司將更注重跟隨自己的設(shè)計靈感,而不是尾隨“同形物”設(shè)計。
5.用大幅圖片來造成視覺效果
有一個不爭的事實是,越來越多的網(wǎng)站在它們的主頁用大幅圖片來突出影響,而且網(wǎng)站會自我調(diào)節(jié),準(zhǔn)備好足夠的寬帶和數(shù)據(jù),只有大屏幕上的時候才會以這種方式顯示。
6.給讀者更多空白空間
這一趨勢在2012年就開始了,響應(yīng)式設(shè)計以及現(xiàn)在推崇的干凈式美學(xué)(參考新的Myspace設(shè)計),這些白色空間看起來莊重高雅,而誰又不希望自己的網(wǎng)站看起來專業(yè)而有內(nèi)涵呢?
7.更深的社交網(wǎng)絡(luò)整合
不管是你最愛的網(wǎng)站還是新網(wǎng)站,你都在尋求更多的社交整合,過去文章底部的分享按鈕可能有點土了,所以2013年更深的社交整合會出現(xiàn),比如進(jìn)一步擴(kuò)大社交單點登錄;“paybytweet”或者“paybystatus”分享。尋找新式社交媒體,比如新聞網(wǎng)站將整合Instagram,藝術(shù)和設(shè)計網(wǎng)站將整合Pinterest。
8.平靜的配色方案重現(xiàn)
越來越多的網(wǎng)站趨向于使用低調(diào)或平靜的配色方案,比如重新設(shè)計的PayPal主頁。而什么顏色會成為主流很難預(yù)測,但是不飽和的光顏色在新網(wǎng)站和移動App上還會超過主流色調(diào),也就是說使用白、灰、黑是非常安全的。
9.App將代替移動版網(wǎng)頁
雖然有個巨大的推動力趨勢Web設(shè)計在任何設(shè)備上工作,但有些網(wǎng)站自己的App反而表現(xiàn)得更好,比如Twitter,Facebook,以及Pinterest,它們的App體驗都比移動瀏覽版的頁面要好多了。用戶會越來越多的選擇你的App而不是移動瀏覽版。
10.內(nèi)容依舊為王
2013年里內(nèi)容會繼續(xù)衛(wèi)冕它的王冠,沒有內(nèi)容,就不用談設(shè)計了。排版、設(shè)計、出版、分享會讓內(nèi)容繼續(xù)在那里閃閃發(fā)光。
所以以上就是將主導(dǎo)2013Web設(shè)計的趨勢。