錦城美都室內(nèi)氣體凈化網(wǎng)站制作
項(xiàng)目名稱:錦城美都室內(nèi)氣體凈化網(wǎng)站制作
所屬類型:環(huán)境保護(hù)
設(shè)計(jì)風(fēng)格:扁平風(fēng)格
項(xiàng)目設(shè)計(jì)周期:30天
這個(gè)是一個(gè)室內(nèi)氣體凈化服務(wù)提供商的網(wǎng)站,根據(jù)行業(yè)屬性以及l(fā)ogo顏色,我們選用了綠色作為主色調(diào),整個(gè)界面要突出健康生活的概念。在與客戶溝通之后,我們了解到客戶想在首頁(yè)展示出較多的概念,希望能夠給客戶傳達(dá)多一些關(guān)于公司的內(nèi)容,所以這次并不是單純的將內(nèi)容堆砌,一條內(nèi)容接著一條內(nèi)容。
我采用了第二導(dǎo)航欄的方式,除了網(wǎng)站頂部的一級(jí)導(dǎo)航欄,單獨(dú)給首頁(yè)下面內(nèi)容增加了一個(gè)自己的滑動(dòng)導(dǎo)航欄,將客戶想放置的“裝修污染表現(xiàn)”“四大污染源”“傳統(tǒng)方式是否能除甲醛”“核心優(yōu)勢(shì)”“服務(wù)項(xiàng)目”“成功案例”“產(chǎn)品展示”等8項(xiàng)內(nèi)容菜單全部至于滑動(dòng)導(dǎo)航欄上面,這一導(dǎo)航欄是跟隨窗口滑動(dòng)的,始終至于瀏覽器頂部,在整個(gè)頁(yè)面的banner下方,當(dāng)點(diǎn)擊上面的菜單以后整個(gè)頁(yè)面能夠自動(dòng)快速滾動(dòng)到對(duì)應(yīng)的內(nèi)容,算是一個(gè)加了特效的錨鏈接。這一設(shè)計(jì)算是整個(gè)網(wǎng)站的亮點(diǎn)了,可以使原本內(nèi)容繁多的首頁(yè)變得井然有序,讓客戶一眼就能明白網(wǎng)站有哪些內(nèi)容,這種設(shè)計(jì)對(duì)于內(nèi)容較多的網(wǎng)站非常實(shí)用。
首頁(yè)的板塊設(shè)計(jì)遵循板式符合內(nèi)容原則,先考慮內(nèi)容,再根據(jù)內(nèi)容確定板式,選擇最優(yōu)板式,做設(shè)計(jì)的時(shí)候要考慮到內(nèi)容的替換、增加、減少對(duì)頁(yè)面造成的影響以及后臺(tái)程序的易用性。這一段的內(nèi)容,大家可以參考下面的首頁(yè)效果圖來對(duì)照,相信你能學(xué)到不少的東西。
最后還要多說一句,在做設(shè)計(jì)的時(shí)候,還得考慮到前端和程序的實(shí)現(xiàn)。你天馬行空的設(shè)計(jì),如果前端和后臺(tái)做不出來,那都是徒勞了。
所屬類型:環(huán)境保護(hù)
設(shè)計(jì)風(fēng)格:扁平風(fēng)格
項(xiàng)目設(shè)計(jì)周期:30天
這個(gè)是一個(gè)室內(nèi)氣體凈化服務(wù)提供商的網(wǎng)站,根據(jù)行業(yè)屬性以及l(fā)ogo顏色,我們選用了綠色作為主色調(diào),整個(gè)界面要突出健康生活的概念。在與客戶溝通之后,我們了解到客戶想在首頁(yè)展示出較多的概念,希望能夠給客戶傳達(dá)多一些關(guān)于公司的內(nèi)容,所以這次并不是單純的將內(nèi)容堆砌,一條內(nèi)容接著一條內(nèi)容。
我采用了第二導(dǎo)航欄的方式,除了網(wǎng)站頂部的一級(jí)導(dǎo)航欄,單獨(dú)給首頁(yè)下面內(nèi)容增加了一個(gè)自己的滑動(dòng)導(dǎo)航欄,將客戶想放置的“裝修污染表現(xiàn)”“四大污染源”“傳統(tǒng)方式是否能除甲醛”“核心優(yōu)勢(shì)”“服務(wù)項(xiàng)目”“成功案例”“產(chǎn)品展示”等8項(xiàng)內(nèi)容菜單全部至于滑動(dòng)導(dǎo)航欄上面,這一導(dǎo)航欄是跟隨窗口滑動(dòng)的,始終至于瀏覽器頂部,在整個(gè)頁(yè)面的banner下方,當(dāng)點(diǎn)擊上面的菜單以后整個(gè)頁(yè)面能夠自動(dòng)快速滾動(dòng)到對(duì)應(yīng)的內(nèi)容,算是一個(gè)加了特效的錨鏈接。這一設(shè)計(jì)算是整個(gè)網(wǎng)站的亮點(diǎn)了,可以使原本內(nèi)容繁多的首頁(yè)變得井然有序,讓客戶一眼就能明白網(wǎng)站有哪些內(nèi)容,這種設(shè)計(jì)對(duì)于內(nèi)容較多的網(wǎng)站非常實(shí)用。
首頁(yè)的板塊設(shè)計(jì)遵循板式符合內(nèi)容原則,先考慮內(nèi)容,再根據(jù)內(nèi)容確定板式,選擇最優(yōu)板式,做設(shè)計(jì)的時(shí)候要考慮到內(nèi)容的替換、增加、減少對(duì)頁(yè)面造成的影響以及后臺(tái)程序的易用性。這一段的內(nèi)容,大家可以參考下面的首頁(yè)效果圖來對(duì)照,相信你能學(xué)到不少的東西。
最后還要多說一句,在做設(shè)計(jì)的時(shí)候,還得考慮到前端和程序的實(shí)現(xiàn)。你天馬行空的設(shè)計(jì),如果前端和后臺(tái)做不出來,那都是徒勞了。
上一篇:四川省文化產(chǎn)業(yè)商會(huì)網(wǎng)站制作