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