header_logo

網站動態小教室 —— 滾動 / 載入 / 持續

Blockstudio

2022.03.16

0/8

在網站的領域中有一些我們經常使用的動態效果,一個平凡無奇的網站有很大的提升往往都是藉由這些小小的動態效果加成! ​

這次介紹三種動態效果,快記下來讓你的網站更有特色~ !​

  1. Scroll 滾動動態 ​
    顧名思義是滑鼠滾動時會產生的動態效果,根據設計腳本依序呈現。 ​
    通常使用於「資訊多」、「需提示性」、「表達資訊輕重」的畫面, 也有許多時候用在用故事型敘述資訊的網站中。 ​
  2. Loading 載入動態 ​
    從首頁進入前的循環動態。 目的是利用循環小動態讓網站加載的感受不這麼久;有時也會利用百分比動態滿足操作者預期心理,以解決使用者等待中離的可能。 ​
    首頁的載入動態可簡單可複雜,視網站目的性而定。 ​
  3. Loop 持續動態
    為吸引使用者目光或增加畫面動感豐富度而持續 Loop 的動態,也可以是為符合主視覺與整體調性而制定。 ​
    不過小建議:動態比例不超過畫面的 10% 會比較舒服。 ​

除此之外很多進階效果像是「視差滾動 Parallax Scrolling」 就是 Scroll 的進階運用唷! ​

下篇動態小教室預告:游標 / 進場 / 離場 ​

延伸閱讀
回到列表

隨時掌握設計趨勢

訂閱即表示您同意我們的隱私政策,並同意接收我們公司的更新。

Copyright © WebCRACK. All rights reserved.

版塊創意有限公司

| hello@webcrack.tw

| 統編:83197129