2013年10大網頁設計趨勢

發表於2013-01-05

譯文來源:enqoo

好了,該到我們年終總結和展望新一年的時刻了。2012年我們看到一些新的設計趨勢在Web設計領域,特別是響應式頁面設計。

年終的最後一天,我們來預測一下2013年的設計趨勢。跟隨我們的腳步,來一起探討新的一年設計的趨勢吧!

0、響應式網頁設計方式會更多

2013年10大網頁設計趨勢

響應式網頁設計已經不是什麼新鮮名詞了,但我們為什麼還有說它呢?簡單地說:響應式設計的方法會更多且制定相應的標準。2012年通過斷點的響應式設計類適合不同的螢幕,當新的裝置比如iPad mini衝擊足夠大的市場的時候,這種方式將得到改變,斷點可能被替換成其他實現方式。

我們認為更多的網站設計將專注於最初的頁面設計以響應式,而非單獨制定不同裝置的模式。這種響應式設計忘記尺寸以便支援多種裝置,我們將看到更豐富的頁面設計適應不同節點的裝置。

1、用字型佈局成為設計的主線

2013年10大網頁設計趨勢

初建網站時,Web設計師和開發者常常專注於圖片處理及JavaScript指令碼。在過去兩年以及未來相當長的一段時間內,Web設計型別將得到一次突破,最為明顯的是字型設計成為網頁設計重中之重。比如使用@font-face 把伺服器上字型引入,比圖片和腳步JavaScript更輕量化。

而且,字型佈局相比圖片和JavaScript複雜的佈局更適合響應式設計。大膽放開你的思維,讓更多的字型設計盡顯在你的網站上。

2、跟Flash說拜拜,需求更好的實現技術

不要驚訝Flash到2012年才拿掉,對網站的SEO來說它是多麼垃圾,很多移動裝置已經不支援它了(看看蘋果的裝置),而且更新很痛苦(經常崩潰瀏覽器,你有過嗎?)最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash將壽終正寢。這是事實,Adobe都不支援Flash在Android 4.1以上系統了。so, 為了你的飯碗,開始拋棄Flash吧。

3、 擬物化設計將步入歷史

2013年10大網頁設計趨勢

這裡有個關於蘋果擬物化設計的討論,甚至蘋果也在商議改變設計決策。過去的專案線索並不能幫助我們在新技術上改進思維方式。舉個例子,我們要閱讀電子書不需要虛擬一個書架放一本書,把它放在我們的裝置上,我們知道它是電子書,我們知道如何開啟閱讀它。

蘋果正需求其他設計美學,等待其他人步入後塵。我們已經看到一些公司擁有它們自己的方法論,比如微軟的Metro風格設計。所以未來,更多設計將扁平化。

4、大圖片,衝擊的視覺

2013年10大網頁設計趨勢

上一條我們說過字型設計將替代圖片,但這不矛盾,越來越多的網站使用大圖片放在網站的首頁以增加視覺衝擊力。當然,使用大影象要考慮頻寬流量和伺服器問題,合理優化是首要。

我們愛網頁設計的Blog上有很多大影象設計例項,不妨多看看。2013年大背景大影象設計會延續。

5、留白更多

2013年10大網頁設計趨勢

2012年設計趨勢中談到頁面留白,2013年這種趨勢將繼續存在,響應式頁面設計和簡約的設計美學都是關鍵的因素。留白會更顯的專業和大氣。(哈哈,又是大氣~)

6、一切社交化

2013年10大網頁設計趨勢

把更多的社交媒體整合到你的新網站中吧,在每篇文章中凸顯社交按鈕,2013年更多深層次的社交整合將得到爆發。

這包含了簡單的社交登入外,還有更深層次的比如“微博支付”分享等,以及其他社交分享方式(Instagram、Pinterest等),更多廣告業也將在社交媒體上出現。

7、淡雅平靜的配色方案

2013年10大網頁設計趨勢

色彩潮流比任何東西來去更快,使用淡雅和平靜的色彩將會出現更多網站上。過去幾個月我們也看到一些網站的設計,比如新版的PayPal主頁。你可以看看“Pantone 2013色彩選擇”。

很難預測那些色彩在某特定時間內流行。不過值得肯定的是,淡雅和淺色風格設計將主導網站和移動應用介面設計。安全色如白色、黑色和灰色將作為主要色調。

8、移動應用替代移動瀏覽器

2013年10大網頁設計趨勢

即使網站相容所有裝置,對於某些網站,一個移動應用來的更好些。像Twitter, Facebook, Pinterest等,移動應用版比移動瀏覽器版體驗會更好些。

2013年這種趨勢將更加明顯,越來越多的人通過移動應用瀏覽內容而不是瀏覽器。

9、內容有價值恆古不變

2013年10大網頁設計趨勢

2013年網頁設計更注重有價值內容的呈現。沒有內容,就沒有網站。保持網站新鮮的最佳方式就是更新有價值的內容。

撰寫,設計,釋出和共享一切以內容為主,響應式設計也不例外。

總之:響應式設計、有價值的內容、社交媒體將成為2013年的主導。

最後,祝大家新年快樂~

 

相關文章