南京賽摩爾節(jié)能科技發(fā)展有限公司是屬于建筑保溫、工業(yè)保溫產(chǎn)品開發(fā)的,主要是與巖棉生產(chǎn)商、供應商、外墻系統(tǒng)公司、施工單位、外資企業(yè)打交道的,針對這樣的企業(yè),我們采用了紅色作為了主色調,并配以淡灰色與黑色作為輔助色,banner采用自適應的切換模式,手機與電腦獨立顯示,并共用數(shù)據(jù)庫,風格一致,電腦PC端為通欄扁平化設計,簡潔清爽,其設計理念與手機端相仿,并輔助鼠標移動的動態(tài)效果,讓網(wǎng)站更加的生動。
在首頁,我們首先嵌入了公司的簡介,左邊是辦公大樓,下面有更詳細的企業(yè)介紹,通過腳本實現(xiàn)鼠標放上去有上下跳動的頁面效果,并且文字有自動向上走的趨勢,當然下面的小banner設計成了由右向左的網(wǎng)頁設計效果,產(chǎn)品的圖片顯示上下跳動,文字顯示變色與變背景色,作為新聞動態(tài),鼠標經(jīng)過文字,有兩種做法,一是整體標題向右動一下,二是字體加一號,可以通過a:hover技術來實現(xiàn)。
對于尾部,我們分成了兩塊,上面是采用青色的背景,字體淡灰色,很有一種干凈的感覺,下面是紅色背景,上面寫有白字,鮮明而有檔次。整體尾部模塊也可以產(chǎn)生動態(tài)效果。
在網(wǎng)站的top菜單這一塊,我們采用半透明的下拉,羅列出總菜單下面的整體子菜單,用js來延緩速度,便產(chǎn)生了一種類似flash的感覺,附圖如下:
具體的網(wǎng)站案例效果圖如下: