美翻！网站建成这样，想没流量都难！

本文来自：亿恩网原创

作者：苗苗

2016-11-28 11:45

引言随着互联网大爆炸和消费升级，拥有独特品牌风格的独立站可以使商家更好地提供个性化服务，树立品牌形象。如今网站设计越来越注重访问体验的优化，设计师们则需要不断吸收最新鲜设计元素和灵感。近来网站“动画效果” ...

随着互联网大爆炸和消费升级，拥有独特品牌风格的独立站可以使商家更好地提供个性化服务，树立品牌形象。如今网站设计越来越注重访问体验的优化，设计师们则需要不断吸收最新鲜设计元素和灵感。近来网站“动画效果”在国外大火，用得好了整个网站会瞬间充满活力！

什么是“动画效果”？具体来说，就是为网站添加背景视频，传统插图，视差滚动，或动态静图等效果，有助于大大优化访问体验。这些效果的使用，可以很好地展示产品服务和品牌风格，为网站营造一种氛围，甚至讲述一个很有代入感的故事~

下面这11个来自国外的网站，每一个都美轮美奂，创意十足，堪称为设计灵感而生的动图网站范本！好奇的小编已经一一打开体验了，感受就是，真的好好玩！快来欣赏吧~~

1.Printed By Somerset

Printed By Somerset

在Printed By Somerset网站上，赫然显示着这句话：“我们不是设计师，我们是印刷工。”很显然，该网站是提供纸质印刷服务的。访客在该网站内可以体验逼真的“折叠纸张，撕下书签，沿打孔线撕掉联系方式”等操作。访客可以通过“发明信片”的方式轻松下单，访问体验超赞！！

2.Homer Hudson

Homer Hudson

Homer Hudson是一家优质的冰淇淋制造商，最早在1980年出现，2015年“再度复出”。其网站上交互式的水平滚动轴，用不同色彩生动活泼地展示了多种不同口味的冰淇淋。访客可以将鼠标锁定任一口味后，可以了解更多。

3. Quechua

Quecha Rain-Cut

Quechua 用一个雨滴的短视频与其户外用品网站结合，让人不自觉担心被淋湿！这个简单的设计巧妙地激发了消费者对高品质防水户外用品的需求，简直妙极了！

4. Bellroy

Bellroy

Bellroy专注于轻薄、实用钱包的设计。其使命就是“让日用品的携带更方便。”网站首页展示了一个“苗条”的Bellroy钱包与一个鼓囊囊的普通钱包对比图。网页内还用动图展示了钱包内的各种“玄机”，卖点一目了然~

5.Every Last Drop

Every Last Drop

Every Last Drop 是一个展示英国用水量的动画网站，随着访客向下滚动，可以看到一个小人一天之内的活动历程，展示出一个人短短一天之内是如何消耗掉人4645升水的。这个动画旅程还轻松地向人们阐明了哪些用水可以省去，寓教于乐，真心不错！

6. Miki Mottes

Miki Mottes

这是插画师、动画师和设计师Miki Mottes的一个网站合集，该娱乐网站本身就是创建者风格的完美示例，访客在这里可以真切感受到：一个小小的动画细节就足以为一张图片带来生命力！

7.Alfred

Alfred

Alfred 是多伦多的一个在建干洗服务商，向下滚动，用户可以浏览相关服务,使用方式,地理位置、常见问题（FAQ）、和博客链接。滚动动画给用户迅速带来轻松感，并真切感受到Alfred 的风格。

8.Firewatch

Firewatch

—这个Firewatch游戏网站是视差滚动动画的一个极好的例子,使用了六个图层创建了深度，获得了良好的视觉体验。

9.Cartoon Network Studios

Cartoon Network Studios

Cartoon Network Studios 是集动画品牌审美的延伸和投资组合于一体的动画工作室，致力于Adventure Time,Regular Show, Steven Universe这样的动画作品制作。该网站展示的职位要求和实习信息，清晰地展示了潜在人才的独特风格。

10. Falter’s Inferno

Falter

Falter’s Inferno是一个为Falter做推广的网站。Falter是维也纳的一家独立报社，极具怀疑精神，敢说别人都不敢说的话。网站对访客极具震撼效果，通过使用9个动画效果的社会构架，揭示了Falter报刊与之作斗争的日常反乌托邦。该网站获得了2016年威比奖（Webby Awards）最佳动画（或动态图像）使用奖，Falter’s Inferno很好地展示了故事与惊人的视觉效果结合后的震撼力。