轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.bouu.cn  )是一家專注而深入的界面設(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)這里　

年尾總結(jié)年初預(yù)測(cè)已經(jīng)成為了多數(shù)人的習(xí)慣。2013年很多人以為世界真的會(huì)末日，我們真的看不到2014年的日出，但是事情并沒有發(fā)生， 我們順利的活到了2014年，那么今年的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域又有什么新的發(fā)展呢？是延續(xù)經(jīng)典還是推陳出新？通過大師的預(yù)測(cè)，我們發(fā)現(xiàn)了一些蛛絲馬跡，那么今天藍(lán)藍(lán)設(shè)計(jì)就來給大家分享一下這些寶貴的信息！如果你有什么想法記得在下方的評(píng)論里告訴我們呦~

01. 先進(jìn)的雜志式布局

>紐約時(shí)報(bào)的文章《藍(lán)色圣女果》（www.nytimes.com）向我們證明了一件事情，那就是網(wǎng)絡(luò)文章的表現(xiàn)形式可以千變?nèi)f化，只有你想不到的，沒有你做不到的。

隨著HTML5的問世、CSS3和javascript的進(jìn)步，網(wǎng)頁(yè)制作將會(huì)越來越精細(xì)，并朝著“會(huì)講故事的網(wǎng)頁(yè)”方向繼續(xù)發(fā)展。

雖然有人進(jìn)步，但也有人決定將“經(jīng)典”進(jìn)行到底，不少出版公司拒絕面對(duì)現(xiàn)實(shí)，不承認(rèn)現(xiàn)在是數(shù)字化時(shí)代，還是沿用舊有的版本。老人常說兒孫自有兒孫福，我認(rèn)為公司自有公司福，如何發(fā)展就看他們的造化吧。

口說無憑，可以來來瞧瞧我們之前的案例《讓閱讀更時(shí)尚！25例雜志風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)》

02. 更多種類的字體

在2014年，博客主們不僅僅會(huì)青睞靈活的響應(yīng)式、雜志布局網(wǎng)頁(yè)，還會(huì)發(fā)現(xiàn)或設(shè)計(jì)更多的字體。如今瀏覽器中的字體是一天比一天好看，緊湊卻不失美感，我們希望2014年能在網(wǎng)頁(yè)里看到更好的字體，同時(shí)也希望設(shè)計(jì)師能發(fā)現(xiàn)字體的新用處。

《怎么挑選網(wǎng)頁(yè)字體？?jī)?yōu)秀網(wǎng)頁(yè)字體的秘密》

03. 純代碼打造酷炫的視覺效果

>谷歌網(wǎng)頁(yè)設(shè)計(jì)工具，讓HTML5動(dòng)畫更簡(jiǎn)單。選谷歌，沒錯(cuò)的。

這一年，大家對(duì)前端的探索將繼續(xù)推動(dòng)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展。 Codepen 就是一個(gè)非常好的例子，它讓HTML5/CSS與javasript結(jié)合變的可能。2014我們希望它們能結(jié)合的更好，讓各種性能更優(yōu)越。

《網(wǎng)頁(yè)設(shè)計(jì)參考書！HTML5權(quán)威指南》
《專為網(wǎng)頁(yè)設(shè)計(jì)師和前端工程師服務(wù)的14個(gè)教學(xué)網(wǎng)站》

04. 扁平化的界面

盡管2013年扁平化界面大熱，但是其中不乏一些亮瞎你鈦合金狗眼的瑕疵。這些瑕疵還有待改進(jìn)，不過這種設(shè)計(jì)的大方向是不會(huì)變的，我們有理由相信它會(huì)越來越好。

《怒贊！2013扁平化設(shè)計(jì)終極指南》

05. 視頻將會(huì)大熱

看過視頻型主頁(yè)的盆友請(qǐng)舉起你們的雙手好嗎，我要獎(jiǎng)勵(lì)你們一朵大紅花！隨著多媒體數(shù)字信號(hào)編解碼器的逐漸強(qiáng)大，視頻越來越適應(yīng)各種設(shè)備。在不遠(yuǎn)的過去，視頻是非常強(qiáng)大的可視型說故事工具，在咫尺的將來，它還會(huì)繼續(xù)發(fā)光發(fā)熱！

《推薦！視頻在網(wǎng)頁(yè)開發(fā)方面的創(chuàng)新應(yīng)用》

06. 自然語(yǔ)言和根據(jù)環(huán)境而變化的交互界面

>在不同的設(shè)備瀏覽網(wǎng)頁(yè)僅僅是個(gè)開始。

設(shè)計(jì)師逐漸變成了用戶的“貼心小棉襖”，盡最大努力站在你的角度看問題。聰明的公司都知道，2014年根據(jù)環(huán)境而自動(dòng)改變的應(yīng)用將會(huì)占領(lǐng)高地。

我相信你可能已經(jīng)注意到這一點(diǎn)了，因?yàn)楝F(xiàn)在很多網(wǎng)站的亮度都是根據(jù)用戶所處的環(huán)境和電池電量自動(dòng)改變；導(dǎo)航中的顏色根據(jù)白天和夜晚而改變；通過填寫你的身份信息和偏好，瀏覽器能夠提供更適合你的服務(wù)。這些都是預(yù)兆，只有用心領(lǐng)悟，才能靈活運(yùn)用。

07. 人們的領(lǐng)悟能力更強(qiáng)

有針對(duì)性的登陸頁(yè)面一直是品牌最大的轉(zhuǎn)換載體。在過去，這個(gè)頁(yè)面產(chǎn)生的原因是主頁(yè)存放的信息過多 —— 數(shù)據(jù)太多，閱讀太多，選擇太多。

如今，一切都變得‘最小化’，以減少用戶的認(rèn)知負(fù)擔(dān)。我們的行動(dòng)更簡(jiǎn)單，認(rèn)知更簡(jiǎn)單，操作更更更簡(jiǎn)單。此類應(yīng)用永遠(yuǎn)占據(jù)各大排行的榜首，他們殫精竭慮的為你省力，讓你只需輕輕一點(diǎn)，萬(wàn)事大吉。

這種“無摩擦的體驗(yàn)”也有助于提高用戶的幸福感，是用來衡量品牌價(jià)值的一個(gè)關(guān)鍵指標(biāo)。想想看：你愿意去Best Buy還是蘋果商店買蘋果的東西呢？我們可以肯定你會(huì)去蘋果商店，為嘛呢？因?yàn)榘偎假I銷售的是蘋果產(chǎn)品，既然有了蘋果商店，我們還需要這個(gè)間接的渠道干嘛呢？需要我再解釋嗎？

08.視差滾動(dòng)效果和觸摸式體驗(yàn)

>不知道是否有同志瀏覽過《行尸走肉》的網(wǎng)站（www.cabletv.com/the-walking-dead），它使用視差滾動(dòng)效果將人們拉進(jìn)了一個(gè)血腥世界。

有人說，未來不在我們的手中，未來就是我們的手。第一次聽這話的時(shí)候我愣了半天，想破腦袋終于弄清楚它是什么意思。自七十年代末，終端輸入模塊進(jìn)入大家的視野，也決定了我們今后的發(fā)展方向。

自ipad問世，很多商家都看到了這種觸摸式電腦的商機(jī)，于是越來越多的觸摸式設(shè)備鋪天蓋地而來，逐漸改變了人們的使用習(xí)慣。

《讓網(wǎng)頁(yè)舞動(dòng)起來！25個(gè)免費(fèi)的視差滾動(dòng)插件》

09. 內(nèi)容至上

這個(gè)內(nèi)容至上不是指推特上的陳詞濫調(diào)，而是讓用戶看到他們想要的東西，然后讓雜亂無章的元素以有序的形式排列，使它們能夠提供更好的用戶體驗(yàn)。

我們將看到更多以卡為基礎(chǔ)的設(shè)計(jì)，這是一件好事。單純的顯示用戶想得到的信息而沒有附加內(nèi)容可以說是所有用戶都希望的設(shè)計(jì)。

《viralnova！成立僅8個(gè)月的個(gè)人網(wǎng)站如何月收入幾十萬(wàn)美金》

10. 永生的JavaScript

>恩貝爾框架讓JavaScript在當(dāng)今的網(wǎng)頁(yè)設(shè)計(jì)中無處不在

Flash曾經(jīng)是互聯(lián)網(wǎng)上大家公認(rèn)的大V，它能制作出令人拍案叫絕的動(dòng)畫，不過光輝日子已經(jīng)一去不復(fù)返了。 現(xiàn)在它能做的JavaScript都可以，甚至能更好。JS的功能已經(jīng)滲透到前端和后端，它幾乎為每一個(gè)平臺(tái)或API提供了普遍可用的橋梁和庫(kù)。所以我們預(yù)測(cè)JS將繼續(xù)流行。

11. 快速

用戶的耐心像一滴躺在馬路上的水，而且還是大夏天，跐溜一下就蒸發(fā)了。所以現(xiàn)在的網(wǎng)頁(yè)必須快速反應(yīng)才能留住用戶，如果你打算讓用戶等待，必須保證他們的等待是值得的。所以無論發(fā)生什么事，請(qǐng)不要讓用戶等待十分鐘然后看到的是該網(wǎng)站的自我介紹，我相信他一定會(huì)把網(wǎng)站拖到黑名單的。

《推薦：如何加速網(wǎng)頁(yè)的打開速度》