Moon照明设备相关网站设计

网站赏析：

正如标题所言，这是一个与照明设备有关的网站。由于整个网站都是围绕介绍一款照明设备的 , 所以网站所展示的内容主要为这一照明设备的功能。因此网站采用了多种表现形式去展示该照明设备的功能 , 可以看出网站具有一定的科技感。网站的整体用到的元素不多 , 但排版设计都处理得很妥当 , 让整个界面看上去比较饱满有内容。通过对网站的分析 , 可以归结出以下几个值得学习的地方 :

    ○ 颜色搭配上 , 在展示的过程中 , 设计师采用了黑色与白色交替充当背景色的方法 , 让用户在视觉上有个很好的缓冲和适应。无论是黑色还是白色作为主题背景都会让页面看上去更加高级 , 不仅凸显了网站的主旨内容 ,一定程度上也增加了网站的正式感。

    ○ 主题的选择及把握 , 产品型网站 , 首先要紧抓产品这一中心 , 围绕着照明设备展开描述。这个网站在这方面就处理得很好 , 能让用户在浏览的全程都能感受到网站要传达的内容 , 贴合网站设计的主旨。

    ○ 动态效果展示上 , 网站的设计比较具有自己的特色 , 在效果的展示上比较偏向科技风。视觉上给人一种高级感 , 对产品的展示增添了不少亮点。             

设计看点：

作为一个产品型网站 , 进入首页后 , 整个页面主要用来展示网站所介绍的产品。这样的展示方式 , 简洁明了 , 又不失个性。界面单单展示了产品 , 凸显出了网站的核心内容 , 也能够让用户在短时间内掌握到重要信息。如下图显示 , 在下拉的过程中 , 文字介绍模块逐渐显示 , 背景也变成了简洁的纯色调。这样一来 , 使得产品图和文字介绍模块不会冲突 , 在每个模块得到充分展示的同时 , 提高了页面的整洁度 , 给人营造出了一种舒适的氛围。

在接下来的模块中 , 我们能看到如下图中现实的那样 , 随着鼠标的持续滚动 , 背景中的图片发生了变幻。这样的变幻效果能够吸引用户眼球 , 增加了页面的动态美。在背景图片展示的同时 , 也同样展示了网站主推的产品 , 更加直观的告诉用户该产品的具体功能。与上述模块中文字内容的展示方式相同 , 这种方式并不会喧宾夺主 , 在设计上比较合理。 

如下图显示 , 网页采用了左右图文搭配的格式。简单的文字描述搭配了具有动态效果的图片展示 , 让页面看上去更加饱满。鼠标滚轮控制右侧产品的亮度 , 左侧文字的描述也充分解释了产品的特点。文字下方的进度条提示着亮度的调节 , 体现出了良好的人机交互。

不同于banner模块的文字展示方式 , 接下来的模块中 , 文字内容是处于图片下一层的。不同于前面对应模块 , 这样的设计比较有新意 , 在呼应了上文的同时 , 也能够导出下文显示的内容。

紧接着 ,我们可以看到如下图中展示的那样 , 这个网站最大的特点便是它的拟物化。下图展示的就是该网站是如何设计实现拟物的 , 通过手机的左右滑动 , 来模拟产品安装在手机上的不同效果。左右图文的排版也让人舒适 , 用简洁的文字来描述说明 , 特别直观 , 也极其符合产品型网站的特点。