PC站整體設(shè)計(jì)方向偏向簡潔大氣的風(fēng)格,配色選取企業(yè)logo的三種色系相互配合,整站使用H5動(dòng)態(tài)效果,并自適應(yīng)于各個(gè)分辨率屏幕瀏覽(根據(jù)不同分辨率,網(wǎng)站會(huì)自動(dòng)縮放調(diào)整至最佳觀看尺寸)
網(wǎng)站第一屏采用全屏banner為主頁面,體現(xiàn)企業(yè)文化及實(shí)力,采用抽象形式的配圖作為主體。
網(wǎng)站頂端導(dǎo)航欄,采用懸浮式設(shè)計(jì),即跟隨屏幕滾動(dòng),始終懸浮在網(wǎng)站頂端,菜單帶有“∨”箭頭即存在子菜單,鼠標(biāo)滑動(dòng)可查看, 點(diǎn)擊右上角“menu”按鈕可彈出網(wǎng)站導(dǎo)航,方便用戶查看所有欄目及子欄目。
新聞資訊模塊設(shè)計(jì)了鼠標(biāo)上移劃過圖片放大的交互效果,目的是讓用戶在視覺及操作上會(huì)有更好的體驗(yàn)。
第三屏為產(chǎn)品中心模塊,主要設(shè)計(jì)思路為既可以讓用戶了解本公司的產(chǎn)品有哪些,也可以讓用戶了解產(chǎn)品可以運(yùn)用的行業(yè)有哪些,每一個(gè)產(chǎn)品模塊對產(chǎn)品進(jìn)行簡單的文字介紹,當(dāng)鼠標(biāo)劃過產(chǎn)品模塊。則會(huì)顯示該模塊下的具體產(chǎn)品列表,用戶可以通過產(chǎn)品名稱跳轉(zhuǎn)至相應(yīng)的產(chǎn)品介紹頁面。
產(chǎn)品中心模塊的背景圖采用圖片輪播的模式來展示產(chǎn)品運(yùn)用的行業(yè)。這樣產(chǎn)品及運(yùn)用行業(yè)向結(jié)合可以讓用戶在瀏覽網(wǎng)站時(shí)更加直觀。運(yùn)用行業(yè)也可以在頁面通過文字按鈕進(jìn)行手動(dòng)切換展示。
最后一屏為“關(guān)于凱司瑪”的公司介紹模塊,本部分模塊設(shè)計(jì)較為清爽,放置與企業(yè)最相關(guān)的按鈕連接,簡介明了,右側(cè)放置了廠區(qū)展示的輪播圖設(shè)計(jì),本屏內(nèi)容圖文結(jié)合全面展示企業(yè)風(fēng)采實(shí)力。
PC站整體設(shè)計(jì)方向偏向簡潔大氣的風(fēng)格,配色選取企業(yè)logo的三種色系相互配合,整站使用H5動(dòng)態(tài)效果,并自適應(yīng)于各個(gè)分辨率屏幕瀏覽(根據(jù)不同分辨率,網(wǎng)站會(huì)自動(dòng)縮放調(diào)整至最佳觀看尺寸)
網(wǎng)站第一屏采用全屏banner為主頁面,體現(xiàn)企業(yè)文化及實(shí)力,采用抽象形式的配圖作為主體。
網(wǎng)站頂端導(dǎo)航欄,采用懸浮式設(shè)計(jì),即跟隨屏幕滾動(dòng),始終懸浮在網(wǎng)站頂端,菜單帶有“∨”箭頭即存在子菜單,鼠標(biāo)滑動(dòng)可查看, 點(diǎn)擊右上角“menu”按鈕可彈出網(wǎng)站導(dǎo)航,方便用戶查看所有欄目及子欄目。
新聞資訊模塊設(shè)計(jì)了鼠標(biāo)上移劃過圖片放大的交互效果,目的是讓用戶在視覺及操作上會(huì)有更好的體驗(yàn)。
第三屏為產(chǎn)品中心模塊,主要設(shè)計(jì)思路為既可以讓用戶了解本公司的產(chǎn)品有哪些,也可以讓用戶了解產(chǎn)品可以運(yùn)用的行業(yè)有哪些,每一個(gè)產(chǎn)品模塊對產(chǎn)品進(jìn)行簡單的文字介紹,當(dāng)鼠標(biāo)劃過產(chǎn)品模塊。則會(huì)顯示該模塊下的具體產(chǎn)品列表,用戶可以通過產(chǎn)品名稱跳轉(zhuǎn)至相應(yīng)的產(chǎn)品介紹頁面。
產(chǎn)品中心模塊的背景圖采用圖片輪播的模式來展示產(chǎn)品運(yùn)用的行業(yè)。這樣產(chǎn)品及運(yùn)用行業(yè)向結(jié)合可以讓用戶在瀏覽網(wǎng)站時(shí)更加直觀。運(yùn)用行業(yè)也可以在頁面通過文字按鈕進(jìn)行手動(dòng)切換展示。
最后一屏為“關(guān)于凱司瑪”的公司介紹模塊,本部分模塊設(shè)計(jì)較為清爽,放置與企業(yè)最相關(guān)的按鈕連接,簡介明了,右側(cè)放置了廠區(qū)展示的輪播圖設(shè)計(jì),本屏內(nèi)容圖文結(jié)合全面展示企業(yè)風(fēng)采實(shí)力。