網(wǎng)站設(shè)計(jì)風(fēng)格分為兩種,*種是功能型:網(wǎng)站在美工設(shè)計(jì)上可能不適合大塊圖片,在數(shù)據(jù)功能上比較強(qiáng),比如:搜索、會(huì)員注冊。一般企業(yè)網(wǎng)、購物網(wǎng)、大型門戶、交友網(wǎng)等,第二種是展示型:追求視覺上的美麗,對功能要求不高,在美工上、設(shè)計(jì)上要有強(qiáng)烈的視覺感,那么細(xì)分的話詳解網(wǎng)站設(shè)計(jì)風(fēng)格類型都有哪些?
1、全屏網(wǎng)頁設(shè)計(jì)
很多網(wǎng)站開始采用全屏網(wǎng)頁設(shè)計(jì),利用精心挑選設(shè)計(jì)的漂亮背景,加上合理的頁面布局,視覺沖擊力大可很好的吸引觀者注意。通常頁面內(nèi)的文字內(nèi)容不會(huì)特別多(所出現(xiàn)的少量文字加上精美的排版將會(huì)變得更加吸引人),主要以圖片展示為主。這個(gè)樣子的網(wǎng)站設(shè)計(jì)風(fēng)格多用于攝影團(tuán)隊(duì)或個(gè)人作品集展示會(huì)比較常見。雖然簡單養(yǎng)眼,但是承載信息有限,公司部門的主頁很少見這樣的設(shè)計(jì)。
2、扁平化設(shè)計(jì)
扁平化設(shè)計(jì)可以說是時(shí)下最常用的網(wǎng)頁設(shè)計(jì)風(fēng)格了,它弱化了材質(zhì)、漸變、陰影,去除了冗余信息的圖形元素、排版。這種風(fēng)格設(shè)計(jì)可以使畫面顯得更加平滑,提升了網(wǎng)站內(nèi)容信息的視覺層級,更加方便用戶快速尋找自己需要的內(nèi)容。同時(shí)扁平化的界面能更好實(shí)現(xiàn)不同尺寸的轉(zhuǎn)化。
3、3D風(fēng)格
這里所說的3D風(fēng)格不是純粹的使人感到身在其中的3D壞境,而是那些運(yùn)用少量3D效果使整個(gè)網(wǎng)頁顯得更加靈動(dòng),通過扁平化的基礎(chǔ)上,添加一些生動(dòng)的非扁平元素,給網(wǎng)站帶來了原本缺乏的縱深感,同時(shí)提升主體視覺吸引力。
4、極簡風(fēng)格
著名工業(yè)設(shè)計(jì)大師迪特拉姆斯的一個(gè)設(shè)計(jì)原則就是“好的設(shè)計(jì)是盡可能少的設(shè)計(jì)”,這條原則也同樣適用于網(wǎng)頁設(shè)計(jì)中,在網(wǎng)頁中去除非必要的信息,頁面中每增加一個(gè)元素,都會(huì)引起用戶過多的小,甚至成為用戶完成目標(biāo)任務(wù)的阻礙。極簡設(shè)計(jì)的好處就在于它能最大化節(jié)約用戶的時(shí)間成本。
5、無邊框風(fēng)格
無邊框風(fēng)格是指那些避免使用各類邊框的網(wǎng)頁設(shè)計(jì),這里的邊框是指任何類型的裝飾性容器,通過去掉這些裝飾性容器,加強(qiáng)基本內(nèi)容的設(shè)計(jì)感,比如圖片質(zhì)量和排版布局,從而提升整體因無裝飾性容器的視覺表現(xiàn)。
6、照片與白字搭配
嚴(yán)格意義上,這不算一種設(shè)計(jì)風(fēng)格,但是這種方法可以幫助我們快速制作出色的Banner或者網(wǎng)站,通過對照片進(jìn)行一些色彩疊加,同時(shí)搭配白色文案,從而形成對比,使文字更加清晰易于傳達(dá)。你可以把它像公式一樣記在腦子里,碰到合適的機(jī)會(huì)就可以使用。