不能落伍!2014年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)預(yù)測(cè)

1 評(píng)論 1791 瀏覽 0 收藏 9 分鐘

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

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

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

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

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

02. 更多種類(lèi)的字體

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

03. 純代碼打造酷炫的視覺(jué)效果

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

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

04. 扁平化的界面

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

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

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

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

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

設(shè)計(jì)師逐漸變成了用戶的“貼心小棉襖”,盡最大努力站在你的角度看問(wèn)題。聰明的公司都知道,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ù)白天和夜晚而改變;通過(guò)填寫(xiě)你的身份信息和偏好,瀏覽器能夠提供更適合你的服務(wù)。這些都是預(yù)兆,只有用心領(lǐng)悟,才能靈活運(yùn)用。

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

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

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

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

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

4
>不知道是否有同志瀏覽過(guò)《行尸走肉》的網(wǎng)站,它使用視差滾動(dòng)效果將人們拉進(jìn)了一個(gè)血腥世界。

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

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

09. 內(nèi)容至上

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

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

10. 永生的JavaScript

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

Flash曾經(jīng)是互聯(lián)網(wǎng)上大家公認(rèn)的大V,它能制作出令人拍案叫絕的動(dòng)畫(huà),不過(guò)光輝日子已經(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)才能留住用戶,如果你打算讓用戶等待,必須保證他們的等待是值得的。所以無(wú)論發(fā)生什么事,請(qǐng)不要讓用戶等待十分鐘然后看到的是該網(wǎng)站的自我介紹,我相信他一定會(huì)把網(wǎng)站拖到黑名單的。

文章來(lái)源:優(yōu)設(shè)網(wǎng)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 什么是恩貝爾框架?

    來(lái)自廣東 回復(fù)