轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   yvirxh.cn  )是一家專注而深入的界面設(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ā)到您的郵箱中，   請點這里　

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

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

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

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

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

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

02. 更多種類的字體

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

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

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

>谷歌網(wǎng)頁設(shè)計工具，讓HTML5動畫更簡單。選谷歌，沒錯的。

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

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

04. 扁平化的界面

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

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

05. 視頻將會大熱

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

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

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

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

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

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

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

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

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

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

08.視差滾動效果和觸摸式體驗

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

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

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

《讓網(wǎng)頁舞動起來！25個免費的視差滾動插件》

09. 內(nèi)容至上

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

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

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

10. 永生的JavaScript

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

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

11. 快速

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

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