動畫效果正逐步成為網頁設計中具有極大影響力的主力軍：開發者們把網頁變成了他們的試驗田，從基礎的動畫開始，再到如今前衛成熟的技術。以動效驅動的項目如雨后春筍般出現，無疑推動了網頁技術的發展，也使開發者有了無盡的渴望，讓網頁效果更上一層樓。網絡正在慢慢成為有趣、精致而有活力的東西。

作為任何網站都包含的一部分，動畫也經歷著變化，跟隨著潮流，如今甚至成為了網頁錦上添花的元素。雖然有的時候，人們幾乎注意不到動畫——或者說，動畫并不繁雜華麗——但我們仍然能感受到動畫的存在。今年，滾動觸發動效與慵懶動畫（在動畫制作中一種為節省成本和時間而被廣泛應用的制作方式）最受歡迎。這些動畫給網站帶來了獨特的風格和吸引力 ，為用戶提供更為順滑、精妙和平和的體驗。這種手法最常見于單頁網站，力求用更具活力的視覺講述他們的故事。不過，這絕非唯一的表現形式——這種動畫也被用于企業網站，以及通常以多圖形式展現的在線作品集中。總而言之，滾動觸發動效無疑成為了2018年的新潮流。

讓我們來看看這幾個令人印象深刻的例子，它們都巧妙地使用了這種時尚流行的設計趨勢。
 

 

 

 

Kaipoche-這個網站展現出了今年舉行的風箏節。它通過簡單的頁面滾動，賦予網頁以生機，使它的設計充滿活力、引人注目。因此，借助有小動畫的可愛圖形，使界面擁有了著實魅力十足、抓人眼球的外觀。

 

 

 

Bizbrain是一個高水平的一頁式網站。它巧妙地運用彩色圖表來演示統計數據。每一塊信息都完美地通過動效支配著。

 

 

Drugs and Alcohol on Campus-就像前面的例子,這個充滿交互性的圖示暗中引發人們對社會熱點問題的思考。這里,滾動效果與主題有機地結合在一起，使這個問題看起來沒有那么的悲觀、生硬。

 

 

Bright Media---該團隊利用了這個前衛的設計趨勢，把所有元素結合在一起以達到視覺上的統一。這個技術有效地打造出了一個視覺索引，通過每個介紹的部分來領引用戶，旨在以正確的順序顯示數據。此外，每個子頁都包含有精致的動畫裝飾元素。

 

 

Adobe Muse CC 網站富有創造力，簡潔而雅致，利用藝術手段更加有效地突出新產品。網站設計主要以簡潔形狀和紙質感插圖相結合，滾動鼠標可以看到它們組合產生的生動動畫。

 

 

 

Fluger開發者為游客提供了一架“小飛機”來瀏覽網站，你可以通過滾動鼠標滾輪來實現駕駛飛機瀏覽。網站巧妙的將實景攝影元素和手繪插圖結合，而后者會讓你的整個旅程充滿活力。

 

 

Fillet 是個漂亮的扁平風網站，當你向下滾動鼠標時每個字母都順暢地轉化成一堆詞組。這網站的特效，將整個轉變過程描述為一種愉快而又平和的體驗。

 

 

NGUMA 是一個充滿交互性質的網站，其魅力在于它動態和先進的設計。該網站可以讓你直接與它的代表角色進行交互。它變換自身動畫的效果也是基于自動滾動功能。

 

 

Happy New Year 2014 滾動觸發動效越來越受到節日型網頁的青睞，尤其是圣誕節。當然這個網站毫不例外，您大可自由地穿梭于整個動態的網頁中，體驗一份溫馨的節日氣息。

 

 

Merry Christmallax 這個網站很像之前的那個，這個創意網站旨在為忠實用戶和常駐用戶營造一種溫暖而走心的慶祝方式。故事起于一張簡潔的紙，終于一幅生動活潑的插畫場景——整個動畫的觸發都是通過滾動鼠標實現的。

 

 

 

Pixelgyar 這是有關圣誕節網站的又一個典型代表。“圣誕老人”的整個行程取決于你的動作，滾動鼠標讓“圣誕老人”完成他的目標吧！

 

 

Make Your Money Matters 這是一個促銷網站，生動地展示出了加入信用合作社帶來的好處。相信你會被這段“旅程”所吸引。它所運用的技術讓整個主題活靈活現，并彰顯一種更好的用戶體驗。

 

 

The Future of Mobile Phones：正如名稱所示，該網站將對移動電話的未來前景進行預測。不出所料，整個頁面是一個可交互的信息圖表，里面充滿了用精巧的動態圖像來進行展示的數據信息。

 

 

Camplight：這是一個整潔、干凈、充滿現代感的在線作品集。它運用了一種新穎的交互方式，讓用戶們在體驗的過程里對公司有更密切直觀的了解。

 

 

1McHappy Day：頁面輕松地傳遞給用戶一種無憂無慮的童年時光，這要歸功于頁面的設計形式采用了多種多樣的元素來表現圖形、充滿活力的色彩和正能量的自然背景。整個場景也由一些滾動觸發動效來進行補充。

 

 

CEZ 這又是一個很棒的交互性網站，在滾動技術的引導下讓整個瀏覽“旅程”充滿活力。
 

 

 

What’s behind the number?  這個網站旨在大力宣傳其防曬霜的優點。當你向下滾動鼠標時，你便能享受一段充滿生氣的故事——有效地向你傳達防曬的重要性。

 

 

InfoGuest Infographic- 顧名思義，這是我們收集的另一個信息網站。通常，里面充滿了許多信息目錄，高效地與動畫圖示相結合，以產生更大的影響。

 

 

Bolia – 和以上展示的不同，這個富有創造力的團隊將滾動觸發動效運用到了基于圖片的布局上，使不同的椅子轉起來。

 

 

Bam 這個公司想把自己的潛力通過長頁布局展示出來，在其中加入目錄和各種用于潤色的圖像。然而，加入滾動觸發動效之后，使得原本會單調普通的網站顯得生機勃勃。

 

 

Areal Plankstadt 通過頁面之間平滑的切換，整個網頁打造出了一種和諧美觀的感應效果，還有緩慢的動畫以及海洋般深沉的配色。

 

 

結論

 

我們的列表包括精彩的在線信息圖形、栩栩如生的故事網站、富有創意的代理公司。所有這些都得益于生動活潑的滾動觸發動效。他們營造出了一種沁人心脾、生氣勃勃的用戶體驗。

 

 

—————————————————————————————————————————————————