一、使用場景
電腦網站、自適應的網站設計器,通過設定模塊入場/強調動畫、按鈕特效、圖片特效等多種預設動畫,快速搭建企業(yè)個性化設計網站,提高網站用戶體驗。
二、功能說明
【版本】初級版及以上版本
三、設置教程
1. 模塊動畫介紹
將鼠標懸停在某個模塊上面,點擊懸浮菜單欄中的“模塊動畫”按鈕,即可設置入場動畫及強調動畫。
▲電腦網站“模擬動畫”設置入口
▲自適應網站“模擬動畫”設置入口
▲電腦網站模塊動畫設置頁面
▲入場動畫設置效果
列表多圖、輪播多圖、圖文展示、文章列表等模塊僅提供入場動畫,但有動畫組合可供挑選。電腦網站中,動畫組合還可以調整動畫的觸發(fā)方式及方向。
▲電腦網站“列表多圖”模塊動效設置
2. 按鈕樣式
電腦網站及自適應網站的【按鈕】模塊除了可以設置入場/強調動畫外,還可以設置按鈕樣式。
按鈕支持多種樣式設置,包括輸入數值調整按鈕寬高、設置按鈕背景懸停色以及文本懸停色等,以增加用戶點擊率。在設置面板中,按鈕樣式還可以即改即顯,馬上查看修改的效果。
▲電腦網站“按鈕”樣式設置
3. 圖片特效
使用范圍:電腦網站、自適應網站的列表多圖、圖冊目錄、產品展示、圖片、圖文展示等模塊
設置方法:可通過編輯模塊來設置,具體操作教程如下:
① 電腦網站:
圖片模塊:點擊工具欄“模塊特效”,在彈窗中選擇任一特效即可。
▲電腦網站“圖片模塊”特效設置
其他模塊:點擊工具欄中的“編輯模塊”按鈕,選擇“圖片特效”即可設置。
▲電腦網站“列表多圖”圖片特效設置
② 自適應網站:點擊懸浮工具欄中的“編輯”/“編輯模塊”按鈕,在彈窗頁面中點擊【動畫設置-圖片特效】,選擇任意一個特效即可。
▲自適應網站“圖片模塊”特效設置
▲自適應網站“列表多圖”圖片特效設置
▲圖片特效效果展示