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