美翻！網站建成這樣，想沒流量都難！

本文來自：億恩網原創

作者：苗苗

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很好地展示了故事與驚人的視覺效果結合后的震撼力。