轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.cqzjtgb.com  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點這里　

TNW發(fā)布了2013年10大網(wǎng)頁設(shè)計趨勢：

1、響應(yīng)式布局盛行，即一個網(wǎng)站適配多種屏幕;
2、重視字體的選擇，使用Web字體;
3、更少的使用Flash，使用其他任何可能替代的技術(shù);
4、蘋果iOS的擬物化設(shè)計將不再時髦;
5、使用巨大的背景圖構(gòu)造大氣的視覺效果;
6、產(chǎn)品和個人介紹頁面留出更多空白;
7、更多的社交網(wǎng)絡(luò)分享入口;
8、淺色、冷色調(diào)重新成為主流;
9、移動App將取代一部分移動網(wǎng)頁流量;
10、內(nèi)容依舊為王;

好了，該到我們年終展望新年的時刻了。2012年我們看到一些新的設(shè)計趨勢在Web設(shè)計領(lǐng)域，特別是響應(yīng)式頁面設(shè)計。那么跟隨我們的腳步，來預(yù)測一下2013年的設(shè)計趨勢吧！

1、響應(yīng)式網(wǎng)頁設(shè)計越來越被重視

響應(yīng)式網(wǎng)頁設(shè)計已經(jīng)不是什么新鮮名詞了，但我們?yōu)槭裁催€有說它呢？簡單地說：響應(yīng)式設(shè)計的方法會更多且制定相應(yīng)的標(biāo)準(zhǔn)。2012年通過斷點的響應(yīng)式 設(shè)計類適合不同的屏幕，當(dāng)新的設(shè)備比如iPad mini沖擊足夠大的市場的時候，這種方式將得到改變，斷點可能被替換成其他實現(xiàn)方式。

我們認(rèn)為更多的網(wǎng)站設(shè)計將專注于最初的頁面設(shè)計以響應(yīng)式，而非單獨制定不同設(shè)備的模式。這種響應(yīng)式設(shè)計忘記尺寸以便支持多種設(shè)備，我們將看到更豐富的頁面設(shè)計適應(yīng)不同節(jié)點的設(shè)備。

2、重視字體的選擇，使用Web字體

初建網(wǎng)站時，Web設(shè)計師和開發(fā)者常常專注于圖片處理及JavaScript腳本。在過去兩年以及未來相當(dāng)長的一段時間內(nèi)，Web設(shè)計類型將得到一 次突破，最為明顯的是字體設(shè)計成為網(wǎng)頁設(shè)計重中之重。比如使用@font-face 把服務(wù)器上字體引入，比圖片和腳步JavaScript更輕量化。

而且，字體布局相比圖片和JavaScript復(fù)雜的布局更適合響應(yīng)式設(shè)計。大膽放開你的思維，讓更多的字體設(shè)計盡顯在你的網(wǎng)站上。

3、更少的使用Flash，使用其他任何可能替代的技術(shù)

不要驚訝Flash到2012年才拿掉，對網(wǎng)站的SEO來說它是多么垃圾，很多移動設(shè)備已經(jīng)不支持它了（看看蘋果的設(shè)備），而且更新很痛苦（經(jīng)常崩潰瀏覽器，你有過嗎？）最佳的方式是使用HTML5/CSS3和JavaScript等。

2013年Flash可能舉步維艱。雖然有些危言聳聽，但這是事實，Adobe都不支持Flash在Android 4.1以上系統(tǒng)了。

4、 蘋果iOS的擬物化設(shè)計將不再時髦

這里有個關(guān)于蘋果擬物化設(shè)計的討論，甚至蘋果也在商議改變設(shè)計決策。過去的項目線索并不能幫助我們在新技術(shù)上改進思維方式。舉個例子，我們要閱讀電子書不需要虛擬一個書架放一本書，把它放在我們的設(shè)備上，我們知道它是電子書，我們知道如何打開閱讀它。

蘋果正需求其他設(shè)計美學(xué)，等待其他人步入后塵。我們已經(jīng)看到一些公司擁有它們自己的方法論，比如微軟的Metro風(fēng)格設(shè)計。所以未來，更多設(shè)計將扁平化。

5、使用巨大的背景圖構(gòu)造大氣的視覺效果

上一條我們說過字體設(shè)計將替代圖片，但這不矛盾，越來越多的網(wǎng)站使用大圖片放在網(wǎng)站的首頁以增加視覺沖擊力。當(dāng)然，使用大圖像要考慮帶寬流量和服務(wù)器問題，合理優(yōu)化是首要。

6、留白更多

2012年設(shè)計趨勢中談到頁面留白，2013年這種趨勢將繼續(xù)存在，響應(yīng)式頁面設(shè)計和簡約的設(shè)計美學(xué)都是關(guān)鍵的因素。留白會更顯的專業(yè)和大氣。（哈哈，又是大氣～）

7、更多的社交網(wǎng)絡(luò)分享入口

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

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

8、淺色、冷色調(diào)重新成為主流，更多淡雅平靜的配色方案

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

很難預(yù)測那些色彩在某特定時間內(nèi)流行。不過值得肯定的是，淡雅和淺色風(fēng)格設(shè)計將主導(dǎo)網(wǎng)站和移動應(yīng)用界面設(shè)計。安全色如白色、黑色和灰色將作為主要色調(diào)。

9、移動App將取代一部分移動網(wǎng)頁流量

即使網(wǎng)站兼容所有設(shè)備，對于某些網(wǎng)站，一個移動應(yīng)用來的更好些。像Twitter, Facebook, Pinterest等，移動應(yīng)用版比移動瀏覽器版體驗會更好些。

2013年這種趨勢將更加明顯，越來越多的人通過移動應(yīng)用瀏覽內(nèi)容而不是瀏覽器。

10、內(nèi)容有價值恒古不變

2013年網(wǎng)頁設(shè)計更注重有價值內(nèi)容的呈現(xiàn)。沒有內(nèi)容，就沒有網(wǎng)站。保持網(wǎng)站新鮮的最佳方式就是更新有價值的內(nèi)容。

撰寫，設(shè)計，發(fā)布和共享一切以內(nèi)容為主，響應(yīng)式設(shè)計也不例外。

總之：響應(yīng)式設(shè)計、有價值的內(nèi)容、社交媒體將成為2013年的主導(dǎo)。