拳皇命运手游怎么添加好友怎么加好友|拳皇命运体验服
首頁/百家講堂/亞美LED文檔說明

亞美LED文檔說明

一、網站架構如下:

網站主架構(主導航):Home(主頁)、Product(產品頁面)、Why Us(為什么選擇我們)、Cases(案例頁面)、About(公司簡介頁面)、News(新聞頁面)、Contact(聯系我們)。

上述主導航Product有二級分類:Round LED Panel Light(圓形LED面板燈)、Square LED Panel Light(方形LED面板燈)、Double Color LED Light(雙色LED燈)、LED Bulb Light(LED球泡燈)、LED Down Light(LED筒燈)、LED Flood Light(LED投光燈)、LED High Bay Light(LED工礦燈)、LED Strip(LED燈條)、LED Tube Light(LED日光燈)、RGB Light(多色燈)。

網站主架構

二、網站部分效果介紹:

1、Home

網址導航

浮動導航(上圖):當頁面向下滾時此導航欄會始終浮在瀏覽器窗口的頂部, 這樣的好處就是無論在頁面的任何位置,你都可以通過導航去到你想去的頁面,在這里產品(Product)還配有下拉菜單(顯示所有產品系列),點擊產品系列可以到對應的產品頁面。

首頁滾動Banner

首頁滾動Banner(上圖):當我們進入這個頁面首先映入眼簾的是這三張大圖(banner), 這三張banner花了設計不少心力,從圖上我們可以清楚的看到一個標題(產品系列名稱)、產品實體圖、產品應用場景。這樣的組合的好處不僅可以告訴客戶這是我們的主推系列產品(也是備受歡迎的產品),也可以讓客戶一看就知道這個產品主要用到什么地方。 首頁banner很多網站都有,但正在設計到位卻不多。

首頁banner很多網站都有,但正在設計到位卻不多。

首頁產品設備

首頁特色產品(上圖):這里用選項卡的方式展示了四個系列的特色,點擊對應的名稱切換到對應的特色產品列表。這個地方有一個小效果,當鼠標移到對應的產品上時,周圍邊框的顏色和當前‘view more’的背景色會發生變化。

首頁產品設備

首頁關于我們(上圖):這里的主要有兩個看點‘1’和‘2’,‘1’區域采用類似滾動banner的方式展示公司的實力。這里可以放工廠生產線圖,也可以放公司整體場景圖。最好能展示實力的,如果這方面沒有實力的可以放些其他覺得可以拿得出手的場景圖。‘2’區域的看點是在那四個圖標上,當鼠標移到對應的區域時圖標會旋轉縮 小然后再還原。雖然是一個不大的動畫,但也能吸引不少眼球。

2、內頁

內頁

內頁banner(上圖):這里截的只是產品的,其實只要我們把導航上的每一個菜單的都點一下,你會發現我們網 站的每一個頁面的導航欄下方都有一個類似這樣展示圖片的區域。 這個地方應該可以算是我們公司網站的一大特色 吧,有時候一張圖片勝過很多文字,不僅在客戶接受方面,同時也給整個頁面增添了不少色彩。

3、Why Us(http://www.led-amg.com/why-us/)

為什么選擇我們

為什么選擇我們(上圖):這個頁面的看點在五個個紅色區域, 具體動畫效果只有自己親身去體會才知道。現 在很多國外網站或多或少的會使用一些CSS3動畫,我們也不甘落后!

其實網站上還有不少與眾不同的地方, 這里就不一一列舉了。很多東西單根據文字表達是無法體會到它正在 意境的,需要我們自己親自去看看。

拳皇命运手游怎么添加好友怎么加好友