首页/百家讲堂/亚美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(http://www.anethic.com/)

网址导航

浮动导航(上图):当页面向下滚时此导航栏会始终浮在浏览器窗口的顶部, 这样的好处就是无论在页面的任何位置,你都可以通过导航去到你想去的页面,在这里产品(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动画,我们也不甘落后!

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