1.全屏網(wǎng)頁(yè)設(shè)計(jì)
很多網(wǎng)站開(kāi)始采用全屏網(wǎng)頁(yè)設(shè)計(jì),利用精心挑選設(shè)計(jì)的漂亮背景,加上合理的頁(yè)面布局,視覺(jué)沖擊力大可很好的吸引觀者注意。通常頁(yè)面內(nèi)的文字內(nèi)容不會(huì)特別多(所出現(xiàn)的少量文字加上精美的排版將會(huì)變得更加吸引人),主要以圖片展示為主。這個(gè)樣子的網(wǎng)站多用于攝影團(tuán)隊(duì)或個(gè)人作品集展示會(huì)比較常見(jiàn)。雖然簡(jiǎn)單養(yǎng)眼,但是承載信息有限,公司部門(mén)的主頁(yè)很少見(jiàn)這樣的設(shè)計(jì)。
2.響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
很多網(wǎng)站開(kāi)始采用全屏網(wǎng)頁(yè)設(shè)計(jì),利用精心挑選設(shè)計(jì)的漂亮背景,加上合理的頁(yè)面布局,視覺(jué)沖擊力大可很好的吸引觀者注意。通常頁(yè)面內(nèi)的文字內(nèi)容不會(huì)特別多(所出現(xiàn)的少量文字加上精美的排版將會(huì)變得更加吸引人),主要以圖片展示為主。這個(gè)樣子的網(wǎng)站多用于攝影團(tuán)隊(duì)或個(gè)人作品集展示會(huì)比較常見(jiàn)。雖然簡(jiǎn)單養(yǎng)眼,但是承載信息有限,公司部門(mén)的主頁(yè)很少見(jiàn)這樣的設(shè)計(jì)。
3.扁平化設(shè)計(jì)
扁平化設(shè)計(jì)可以說(shuō)是去繁從簡(jiǎn)的設(shè)計(jì)美學(xué)。去掉所有裝飾性的設(shè)計(jì),可以說(shuō)是對(duì)之前所推崇的擬物化設(shè)計(jì)的顛覆。我們不能妄加評(píng)論說(shuō)這是好還是不好,只能說(shuō)它提供了一種新的設(shè)計(jì)思維。
4.視差滾動(dòng)設(shè)計(jì)
視差設(shè)計(jì)可以說(shuō)是近年來(lái)網(wǎng)頁(yè)設(shè)計(jì)中的一大突破,也備受推崇。視差滾動(dòng)是讓多層背景以不同速度滾動(dòng),以形成一種3D立體的運(yùn)動(dòng)效果,給觀者帶來(lái)一種獨(dú)特的視覺(jué)感受。
5.無(wú)限滾動(dòng)模式
有一些網(wǎng)站內(nèi)容很多,但他們并沒(méi)有簡(jiǎn)單分頁(yè),而是采用的是一種垂直瀑布流的方式布局。將那些內(nèi)容垂直排布,當(dāng)用戶(hù)縱向滾動(dòng)時(shí),內(nèi)容會(huì)不斷更新好像永無(wú)止境。這樣的瀑布流很早之前就開(kāi)始流行,最早采用該布局的是pinterest。這樣的滾動(dòng)頁(yè)面就大大減少了分頁(yè)的數(shù)量,個(gè)人認(rèn)為對(duì)于這類(lèi)信息量大,每日更新數(shù)據(jù)快的網(wǎng)站是比較不錯(cuò)的方案。
6.滾動(dòng)偵測(cè)網(wǎng)頁(yè)設(shè)計(jì)
利用CSS的實(shí)現(xiàn)將導(dǎo)航欄固定在網(wǎng)頁(yè)頂部(大多數(shù)是頂部,當(dāng)然也有側(cè)面或底部),并將版面內(nèi)容按照導(dǎo)航順序垂直或橫向排布,使得用戶(hù)點(diǎn)擊相應(yīng)導(dǎo)航tab時(shí)頁(yè)面自動(dòng)滑到相應(yīng)頁(yè)面,而若點(diǎn)擊內(nèi)容,導(dǎo)航也將隨之改變。這樣的網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面基本不會(huì)跳轉(zhuǎn),每一個(gè)tab所指向的頁(yè)面內(nèi)容也基本一屏顯示完整,所以在頁(yè)面呈現(xiàn)的內(nèi)容上會(huì)有所局限。為不影響布局一般也會(huì)伴隨自適應(yīng)。
文章由:順德企業(yè)網(wǎng)站設(shè)計(jì)2800kj.cn佛山華企立方信息技術(shù)有限公司整理提供,此文觀點(diǎn)不代表本站觀點(diǎn)
微信公眾號(hào)搜索
"佛山華企立方"