過去,動畫只能透過 Flash 或 Silverlight 來實現。 雖然有效,這些解決方案需要最終多使用者下載單獨的瀏覽器外掛來檢視內容。 它還要求 WooCommerce 獨立站網頁設計師使用專門的軟體來建立該內容。這些天,動畫被烘焙成 CSS3 和流行的 script 庫,如 jQuery(這恰巧是包含在 WordPress)。 兩者都是快速,高效的,不需要任何特殊的軟體來實現或檢視。做 WooCommerce 獨立站網頁設計如何使用新增動畫讓網站更有趣?讓我們討論一下如何在您的網站上使用動畫。
1. 簡單
有時我們認為動畫是一個大的,複雜的事情與各種特殊效果。 事實是,一個簡單的動畫可以同樣有效(如果不是更多)。 Infinity 在其滑塊上使用簡單的動畫,文字和影像快速滾動到檢視。 這是一個很好的方式來得到某人的注意,而不必太努力。
2. 在意外的地方的動畫
當我嘗試 Evoke 主題演示時,他們對動畫的使用使我驚訝。 網站的背景圖片(在這種情況下,一張雪山的照片)慢慢地向上移動。
3. 獨特的動畫,脫穎而出
當然,動畫不一定要接管整個頁面才能有效。 動畫的單個例項 – 甚至一個小例項 – 可以引起對特定感興趣專案的注意。 而且,在多使用者互動(點選,滑鼠懸停等)之後執行的動畫會為任何網站新增優雅。有些是微妙的,有些甚至提供了獨特的工具,以幫助您自定義的效果。
4. 構建您自己的動畫
流行的 Quasar 主題包括一個名為 Curvy Slider 的功能,它將允許您自定義動畫到您的核心內容。您有能力繪製過渡點,改變效果和建立涼爽的動畫,將是您的網站是獨一無二的。如果您有更多關於 WordPress 外貿獨立站網站建設(定製網站、 woocommerce 模板網站)、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務的需求,歡迎諮詢跨飛獨立站 WooCommerce 官網,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強)!
5. 多使用者啟用元素
從 script 滑鼠懸停的日子開始,懸停效果在 UI / UX 中起到了很大的作用。 他們不僅看起來不錯,還幫助多使用者更好地瞭解如何瀏覽網站。 Tao 是一個主題,幾乎動畫 UI 的每個方面 – 包括一些漂亮的多使用者啟用元素像上面的例子。
6. 向您的訊息新增一些動作
透過上面不同型別的主題,動畫變得明顯成為現代 WooCommerce 獨立站網頁設計的主要部分。有了我們可以使用的工具和技術,新增動畫是很容易的。此外,您的網站不會受到效能影響。