產(chǎn)品經(jīng)理必知的十個網(wǎng)頁設(shè)計術(shù)語(三)
時間:2023-09-19 22:06:02 | 來源:網(wǎng)站運營
時間:2023-09-19 22:06:02 來源:網(wǎng)站運營
產(chǎn)品經(jīng)理必知的十個網(wǎng)頁設(shè)計術(shù)語(三):9、Visual hierarchy(視覺層次)
(視覺層次表示視覺元素的排版規(guī)則,用以強調(diào)優(yōu)先順序)
這不是局限于網(wǎng)頁設(shè)計,但它被越來越多地用于指一個網(wǎng)頁的設(shè)計和布局。簡而言之,視覺層次指的是對一個網(wǎng)頁設(shè)計元素的排列方式,最重要的因素似乎更加被強調(diào)出來。
重點通常是通過使用大小,顏色,字體和特殊效果,如陰影等表現(xiàn)出來。視覺層次的結(jié)果往往是一個信息架構(gòu)的過程,一個有意識的決定。
10. Infinite/parallax scrolling(無線滾動/視差滾動)
(無線滾動和視差滾動已經(jīng)是網(wǎng)頁設(shè)計的兩大流行趨勢)
無限滾動和視差滾動是兩回事,但他們往往被混淆在一起,所以我們干脆把它們打包在這里解釋。
“無限滾動”是目前網(wǎng)站的一個流行的顯示手法,而不是負(fù)載獨立頁面來查看內(nèi)容,所有頁面的內(nèi)容加載到一個單一的網(wǎng)頁上,通過滾動顯示不同的內(nèi)容。
前提是,隨著用戶滾動到最后一頁的內(nèi)容,新鮮的內(nèi)容被加載和添加到頁面的底部,創(chuàng)造一個“無限”滾動的效果。常見的例子包括facebook的時間線視圖,Pinterest 和Tumblr。
“視差滾動”是當(dāng)內(nèi)容接近你的視覺焦點時出現(xiàn)遠近對比的效果。比如一輛移動的汽車或火車,在靠近籬笆和樹木時車輛出現(xiàn)移動并且很快就過去了,而對于遠處的山脈,車輛的移動更慢。
在網(wǎng)絡(luò)上,這個效果常常用來創(chuàng)造有深層次視差感覺的頁面。
關(guān)鍵詞:設(shè)計,術(shù)語,經(jīng)理,產(chǎn)品