每當我看到今年網(wǎng)頁設(shè)計流行趨勢之類的鏈接我都會特別激動點開來看,但沒多久就失望的關(guān)掉窗口。這些趨勢要么是去年的東西,要么就是插畫、動效之類的一直沒變過的元素。動效設(shè)計本身就是一個大趨勢啊…講真,如果你要是把視頻背景全屏化寫進2021年度趨勢里,你最好先去上網(wǎng)看看再做決定。沒人會喜歡這種吊人胃口但沒有任何營養(yǎng)的東西。不說廢話了,下面是2016上半年的五大真正的網(wǎng)頁設(shè)計趨勢。
1. 全屏化&固定式頁面 (Full screen & not scrollable)
不可滾動的網(wǎng)頁設(shè)計終于越來越受歡迎了。一個導(dǎo)航欄固定在頂部、可以一直滾動的網(wǎng)頁是標準的主頁設(shè)計,按著導(dǎo)航欄的順序訪問網(wǎng)頁也挺不錯的,但是很多人對于 scroll-jacking(通過重新定義鼠標滾動速度、幅度達到控制可視區(qū)域視覺效果的方式 by李奇)都不是很喜歡,對網(wǎng)頁進行一些限制會有別樣的效果。鍵盤導(dǎo)航 (Keyboard navigation) 在這類網(wǎng)頁設(shè)計中最為常見。
案例:
Facebook Privacy Basics
facebook.com/about/basics/get-to-know-facebook/working-together/
Fantasy
fantasy.co/work
KLM 50 Travels
ifly50.com/en_se/50
2. 標題固定于一側(cè) (Sticky headline to the side)
大部分網(wǎng)頁都喜歡設(shè)計的看上去像是一個設(shè)計工作室或是設(shè)計研究所,不過最近滾動時把標題固定在段落一側(cè)的設(shè)計挺受歡迎的。這個趨勢只發(fā)生在桌面端,要是移動端訪問這些鏈接的話就沒這效果了。
案例:
Code & Theory
Stack Overflow
DDB Sthlm
ddb.se/
3. 把logo作為頁面加載時的過渡 (The logo is the loader)
這是一個明顯的趨勢,在很多設(shè)計機構(gòu)網(wǎng)站在今年都用上了。這種設(shè)計讓網(wǎng)頁看上去非常棒,而且能夠給用戶一個非常直觀的感覺:這個網(wǎng)頁就是品牌的一部分。
案例:
Instrument
2016網(wǎng)頁設(shè)計趨勢
instrument.com/
Fubiz
This Also
4. 可交互的背景圖像 (Disrupted background images)
背景全局化差不多流行于2013年的網(wǎng)頁設(shè)計,現(xiàn)在來看并不是什么新鮮事了,但它被提升到一個新的高度:當鼠標進行操作時對背景圖像添加一些效果。
案例:
Make me pulse
makemepulse.com/
Active Theory
activetheory.net/
Details
details.ch/
5. 夸張的動畫效果 (Over the top animations)
現(xiàn)在的技術(shù)完全能夠?qū)崿F(xiàn),所以為什么不用?使用得當?shù)脑捘軒硪环N視覺享受和奇妙的體驗。如果使用不當?shù)脑掃@個網(wǎng)站就是一堆亂碼,所以還是要合理使用。
案例:
Waaark
waaark.com/
Animocons
Rally Interactive Beta
網(wǎng)頁標題:干貨:這才是真正的2021網(wǎng)頁設(shè)計趨勢
網(wǎng)頁路徑:http://www.rwnh.cn/news4/118304.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、品牌網(wǎng)站制作、云服務(wù)器、網(wǎng)站收錄、網(wǎng)頁設(shè)計公司、ChatGPT
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)