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