DUHAIHANG网站

慕枫酷站 丨左右滑动水纹交互特效的html5网站

网站名称：DUHAIHANG

网站整体版式：简约大方左右滑动切换个人网站

网站主色调：橘橙色

动画：HTML和JS

编码：CSS3，HTML 5，JQuery

特点：3D效果图片、全屏左右滑动、优秀网站

酷站欣赏：

杜海航是知名的互动设计师，并且拥有十多年学科经验，而本站就是由他设计的个人网站。由于是个人作品设计网站，可以看出设计师的侧重点在于创意与想法，他打破了传统的菜单栏形式以一种隐藏的方式来进行页面切换，页面的整体因为字体的排布方式而形成特色风格。

本站采用橙色与黑白灰三色，橙色是暖色系中最温暖的颜色，是一种富足而又快乐的颜色。而设计师将色彩明度降低，来提高网站的工业艺术气息。本站最大的特色即是水纹交互效果，随着鼠标的移动，大板块上的英文字符会发生溶解效果，做到预览网站时能产生娱乐兴趣，增强与用户之间的互动。网站小标题的字体进行过再设计，与LOGO相呼应。

该网站对于细节的处理极为令用户满足，例如在点击选择的时候会在字体附上一根横线表示选择，图片出现的方式也都是有规律的从左及右展开。看似没有规律的网站在视觉上还是存在很多惊喜的。

小枫简评：

多数个人网站的设计都是以条理清晰，展现个人作品为主。而这个网站主要以互动为主，在互动过程中展示个人作品和荣誉。因为对色彩和字体排版很好的把控，以及巧妙的互动效果，能够使用户耐心的去琢磨浏览该网页，也算是在无形中成功的达到了宣传自我的目的。