亚美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很多网站都有，但正在设计到位却不多。

首页特色产品（上图）：这里用选项卡的方式展示了四个系列的特色，点击对应的名称切换到对应的特色产品列表。这个地方有一个小效果，当鼠标移到对应的产品上时，周围边框的颜色和当前‘view more’的背景色会发生变化。

首页关于我们（上图）：这里的主要有两个看点‘1’和‘2’，‘1’区域采用类似滚动banner的方式展示公司的实力。这里可以放工厂生产线图，也可以放公司整体场景图。最好能展示实力的，如果这方面没有实力的可以放些其他觉得可以拿得出手的场景图。‘2’区域的看点是在那四个图标上，当鼠标移到对应的区域时图标会旋转缩 小然后再还原。虽然是一个不大的动画，但也能吸引不少眼球。

2、内页

内页banner（上图）：这里截的只是产品的，其实只要我们把导航上的每一个菜单的都点一下，你会发现我们网 站的每一个页面的导航栏下方都有一个类似这样展示图片的区域。 这个地方应该可以算是我们公司网站的一大特色 吧，有时候一张图片胜过很多文字，不仅在客户接受方面，同时也给整个页面增添了不少色彩。

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

为什么选择我们（上图）：这个页面的看点在五个个红色区域， 具体动画效果只有自己亲身去体会才知道。现 在很多国外网站或多或少的会使用一些CSS3动画，我们也不甘落后！

其实网站上还有不少与众不同的地方， 这里就不一一列举了。很多东西单根据文字表达是无法体会到它正在 意境的，需要我们自己亲自去看看。