2013-12-19 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
1、響應(yīng)式布局盛行,即一個(gè)網(wǎng)站適配多種屏幕;
2、重視字體的選擇,使用Web字體;
3、更少的使用Flash,使用其他任何可能替代的技術(shù);
4、蘋果iOS的擬物化設(shè)計(jì)將不再時(shí)髦;
5、使用巨大的背景圖構(gòu)造大氣的視覺效果;
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ì)。那么跟隨我們的腳步,來預(yù)測(cè)一下2013年的設(shè)計(jì)趨勢(shì)吧!
1、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)越來越被重視
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不是什么新鮮名詞了,但我們?yōu)槭裁催€有說它呢?簡(jiǎn)單地說:響應(yīng)式設(shè)計(jì)的方法會(huì)更多且制定相應(yīng)的標(biāo)準(zhǔn)。2012年通過斷點(diǎn)的響應(yīng)式 設(shè)計(jì)類適合不同的屏幕,當(dāng)新的設(shè)備比如iPad mini沖擊足夠大的市場(chǎng)的時(shí)候,這種方式將得到改變,斷點(diǎn)可能被替換成其他實(shí)現(xiàn)方式。
我們認(rèn)為更多的網(wǎng)站設(shè)計(jì)將專注于最初的頁(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ì)師和開發(fā)者常常專注于圖片處理及JavaScript腳本。在過去兩年以及未來相當(dāng)長(zhǎng)的一段時(shí)間內(nèi),Web設(shè)計(jì)類型將得到一 次突破,最為明顯的是字體設(shè)計(jì)成為網(wǎng)頁(yè)設(shè)計(jì)重中之重。比如使用@font-face 把服務(wù)器上字體引入,比圖片和腳步JavaScript更輕量化。
而且,字體布局相比圖片和JavaScript復(fù)雜的布局更適合響應(yīng)式設(shè)計(jì)。大膽放開你的思維,讓更多的字體設(shè)計(jì)盡顯在你的網(wǎng)站上。
3、更少的使用Flash,使用其他任何可能替代的技術(shù)
不要驚訝Flash到2012年才拿掉,對(duì)網(wǎng)站的SEO來說它是多么垃圾,很多移動(dòng)設(shè)備已經(jīng)不支持它了(看看蘋果的設(shè)備),而且更新很痛苦(經(jīng)常崩潰瀏覽器,你有過嗎?)最佳的方式是使用HTML5/CSS3和JavaScript等。
2013年Flash可能舉步維艱。雖然有些危言聳聽,但這是事實(shí),Adobe都不支持Flash在Android 4.1以上系統(tǒng)了。
4、 蘋果iOS的擬物化設(shè)計(jì)將不再時(shí)髦
這里有個(gè)關(guān)于蘋果擬物化設(shè)計(jì)的討論,甚至蘋果也在商議改變?cè)O(shè)計(jì)決策。過去的項(xiàng)目線索并不能幫助我們?cè)谛录夹g(shù)上改進(jìn)思維方式。舉個(gè)例子,我們要閱讀電子書不需要虛擬一個(gè)書架放一本書,把它放在我們的設(shè)備上,我們知道它是電子書,我們知道如何打開閱讀它。
蘋果正需求其他設(shè)計(jì)美學(xué),等待其他人步入后塵。我們已經(jīng)看到一些公司擁有它們自己的方法論,比如微軟的Metro風(fēng)格設(shè)計(jì)。所以未來,更多設(shè)計(jì)將扁平化。
5、使用巨大的背景圖構(gòu)造大氣的視覺效果
上一條我們說過字體設(shè)計(jì)將替代圖片,但這不矛盾,越來越多的網(wǎng)站使用大圖片放在網(wǎng)站的首頁(yè)以增加視覺沖擊力。當(dāng)然,使用大圖像要考慮帶寬流量和服務(wù)器問題,合理優(yōu)化是首要。
6、留白更多
2012年設(shè)計(jì)趨勢(shì)中談到頁(yè)面留白,2013年這種趨勢(shì)將繼續(xù)存在,響應(yīng)式頁(yè)面設(shè)計(jì)和簡(jiǎn)約的設(shè)計(jì)美學(xué)都是關(guān)鍵的因素。留白會(huì)更顯的專業(yè)和大氣。(哈哈,又是大氣~)
7、更多的社交網(wǎng)絡(luò)分享入口
把更多的社交媒體整合到你的新網(wǎng)站中吧,在每篇文章中凸顯社交按鈕,2013年更多深層次的社交整合將得到爆發(fā)。
這包含了簡(jiǎn)單的社交登錄外,還有更深層次的比如“微博支付”分享等,以及其他社交分享方式(Instagram、Pinterest等),更多廣告業(yè)也將在社交媒體上出現(xiàn)。
8、淺色、冷色調(diào)重新成為主流,更多淡雅平靜的配色方案
色彩潮流比任何東西來去更快,使用淡雅和平靜的色彩將會(huì)出現(xiàn)更多網(wǎng)站上。過去幾個(gè)月我們也看到一些網(wǎng)站的設(shè)計(jì),比如新版的PayPal主頁(yè)。你可以看看“Pantone 2013色彩選擇”。
很難預(yù)測(cè)那些色彩在某特定時(shí)間內(nèi)流行。不過值得肯定的是,淡雅和淺色風(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)用來的更好些。像Twitter, Facebook, Pinterest等,移動(dòng)應(yīng)用版比移動(dòng)瀏覽器版體驗(yàn)會(huì)更好些。
2013年這種趨勢(shì)將更加明顯,越來越多的人通過移動(dòng)應(yīng)用瀏覽內(nèi)容而不是瀏覽器。
10、內(nèi)容有價(jià)值恒古不變
2013年網(wǎng)頁(yè)設(shè)計(jì)更注重有價(jià)值內(nèi)容的呈現(xiàn)。沒有內(nèi)容,就沒有網(wǎng)站。保持網(wǎng)站新鮮的最佳方式就是更新有價(jià)值的內(nèi)容。
撰寫,設(shè)計(jì),發(fā)布和共享一切以內(nèi)容為主,響應(yīng)式設(shè)計(jì)也不例外。
總之:響應(yīng)式設(shè)計(jì)、有價(jià)值的內(nèi)容、社交媒體將成為2013年的主導(dǎo)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com