隨著時(shí)代的改變，設(shè)計(jì)師的不落窠臼，任何事物都會(huì)在老的基礎(chǔ)上呈現(xiàn)出一種新的趨勢(shì)，并得到用戶的認(rèn)可延續(xù)下去。網(wǎng)頁設(shè)計(jì)從曾經(jīng)的擬物設(shè)計(jì)到現(xiàn)在的多樣化，技術(shù)的不斷完善，不斷的創(chuàng)新，讓很多用戶打開眼界，并樂意接受。今年，網(wǎng)頁設(shè)計(jì)又呈現(xiàn)怎樣的趨勢(shì)呢？
1) 全屏和不可滾動(dòng)的頁面
如今不可滾動(dòng)的網(wǎng)站越來越受人關(guān)注。沒有滾動(dòng)條的網(wǎng)站，可以用點(diǎn)擊頂端錨點(diǎn)鏈接的方式來瀏覽內(nèi)容逐漸成為網(wǎng)頁設(shè)計(jì)的趨勢(shì)。盡管有人很討厭限制了滾動(dòng)操作，但是它有時(shí)可以表現(xiàn)得很出色。在設(shè)計(jì)此類網(wǎng)站時(shí)利用的是頁面的限制性，鍵盤導(dǎo)航在此類網(wǎng)站中很常用。
三個(gè)沒有滾動(dòng)的全屏站點(diǎn)：
Facebook Privacy Basics — 很棒的站點(diǎn)，盡管有時(shí)候沒有響應(yīng)，但是通過它一步步的向我們解釋了facebook如何通過各種服務(wù)方式來保護(hù)用戶的隱私。
Fantasy — 一個(gè)設(shè)計(jì)機(jī)構(gòu)在今年早些時(shí)候上線了一個(gè)備受期待的網(wǎng)站，當(dāng)然，它并沒有讓我們失望。特別是工作查詢的部分，一目了然。
KLM 50 Travels — 很棒的評(píng)選類網(wǎng)站。它可以帶你到50個(gè)景點(diǎn)，僅僅需要一個(gè)屏幕、一點(diǎn)時(shí)間。鍵盤導(dǎo)航很不錯(cuò)。
2. 標(biāo)題放旁邊
最新的網(wǎng)頁設(shè)計(jì)趨勢(shì)應(yīng)該看一些設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站或者一些設(shè)計(jì)部門的設(shè)計(jì)。文章的標(biāo)題應(yīng)該可以滾動(dòng)到文章的旁邊，很多很酷的設(shè)計(jì)師都是這么做的。這是一個(gè)web端設(shè)計(jì)趨勢(shì)，如果你在移動(dòng)端上閱讀，則沒有必要。
三個(gè)案例：
Code & Theory —當(dāng)你滾動(dòng)瀏覽網(wǎng)頁信息時(shí)，城市的標(biāo)題會(huì)停留在圖片上。
Stack Overflow — 雖然這個(gè)網(wǎng)站不太符合這個(gè)例子。但是向右滾動(dòng)時(shí)，導(dǎo)航會(huì)保持固定。
DDB Sthlm —如果你向下滾動(dòng)新聞時(shí)，你會(huì)發(fā)現(xiàn)標(biāo)題一直保持在旁邊。
3) 加載時(shí)會(huì)呈現(xiàn)出品牌logo
這是一個(gè)巨大的趨勢(shì)，在今年幾乎成了每一個(gè)機(jī)構(gòu)網(wǎng)站的共同點(diǎn)。每個(gè)網(wǎng)站都應(yīng)該擁有也應(yīng)該去做，首先它看起來不錯(cuò)，同時(shí)讓用戶感覺到該網(wǎng)站是該logo品牌的一部分，加深了用戶的品牌感。
在加載時(shí)使用logo的三個(gè)例子：
Instrument — 這個(gè)網(wǎng)站的logo只在你打開導(dǎo)航菜單和加載時(shí)顯示，這是一個(gè)有膽量的事情。
Fubiz — 每個(gè)部分有不同的logo和對(duì)應(yīng)的動(dòng)畫。
This Also — 這個(gè)不錯(cuò)的設(shè)計(jì)網(wǎng)站有很多之前從未見過的設(shè)計(jì)。加載程序時(shí)會(huì)出現(xiàn)導(dǎo)航圖標(biāo)。
4) 有交互效果的背景圖案
有一個(gè)背景圖片在瀏覽窗口里不是一件新鮮的事，這好像是2013年的網(wǎng)站設(shè)計(jì)趨勢(shì)。但是將一些交互效果添加到背景圖片中，比如在鼠標(biāo)懸停時(shí)…那將會(huì)使網(wǎng)站提高到了一個(gè)新的境界。
背景圖片交互的三個(gè)例子：
Make me pulse — 當(dāng)鼠標(biāo)移動(dòng)到背景時(shí)，感覺山有了動(dòng)感。
Active Theory — 如果你為你的公司設(shè)計(jì)一個(gè)網(wǎng)站，有什么更好的方法能展現(xiàn)出你高超的設(shè)計(jì)技巧呢？那就是讓你的網(wǎng)站像一個(gè)谷歌實(shí)驗(yàn)，除此之外沒了。
Details —它會(huì)帶來一些滾動(dòng)。這個(gè)瑞士的設(shè)計(jì)機(jī)構(gòu)顯然不想用錨點(diǎn)鏈接，如果你向下滾動(dòng)到4/4的頁面時(shí)，你會(huì)看到一些輕微的變形效果。
5)頂部動(dòng)畫的設(shè)置
在技術(shù)上是可行的，如果做得好那將會(huì)是視覺上的享受，但是如果做的不好，不停循環(huán)的動(dòng)畫會(huì)令人煩躁。所以當(dāng)你使用它的時(shí)候，請(qǐng)謹(jǐn)慎。
頂部動(dòng)畫的設(shè)置三個(gè)例子：
Waaark — 這個(gè)小工作室呈現(xiàn)了一個(gè)完美的視覺體驗(yàn)。
Animocons — 一些點(diǎn)擊圖片動(dòng)畫的例子，所有效果都由網(wǎng)頁代碼寫出。
Rally Interactive Beta — 當(dāng)你點(diǎn)擊和選擇的時(shí)候頂部導(dǎo)航欄會(huì)變化。
每一種設(shè)計(jì)都配用相對(duì)應(yīng)的案例，感興趣的朋友可以打開網(wǎng)頁感受下！
,