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

來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

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

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

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

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

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

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

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

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

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

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

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

這里有個(gè)關(guān)于蘋(píng)果擬物化設(shè)計(jì)的討論，甚至蘋(píng)果也在商議改變?cè)O(shè)計(jì)決策。過(guò)去的項(xiàng)目線索并不能幫助我們?cè)谛录夹g(shù)上改進(jìn)思維方式。舉個(gè)例子，我們要閱讀電子書(shū)不需要虛擬一個(gè)書(shū)架放一本書(shū)，把它放在我們的設(shè)備上，我們知道它是電子書(shū)，我們知道如何打開(kāi)閱讀它。

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

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

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

6、留白更多

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

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

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

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

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

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

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

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

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

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

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

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

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

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