預(yù)設(shè)動(dòng)效設(shè)置教程

一、使用場(chǎng)景

電腦網(wǎng)站、自適應(yīng)的網(wǎng)站設(shè)計(jì)器，通過(guò)設(shè)定模塊入場(chǎng)/強(qiáng)調(diào)動(dòng)畫(huà)、按鈕特效、圖片特效等多種預(yù)設(shè)動(dòng)畫(huà)，快速搭建企業(yè)個(gè)性化設(shè)計(jì)網(wǎng)站，提高網(wǎng)站用戶體驗(yàn)。

二、功能說(shuō)明

【版本】初級(jí)版及以上版本

三、設(shè)置教程

1. 模塊動(dòng)畫(huà)介紹

將鼠標(biāo)懸停在某個(gè)模塊上面，點(diǎn)擊懸浮菜單欄中的“模塊動(dòng)畫(huà)”按鈕，即可設(shè)置入場(chǎng)動(dòng)畫(huà)及強(qiáng)調(diào)動(dòng)畫(huà)。

▲電腦網(wǎng)站“模擬動(dòng)畫(huà)”設(shè)置入口

  ▲自適應(yīng)網(wǎng)站“模擬動(dòng)畫(huà)”設(shè)置入口

▲電腦網(wǎng)站模塊動(dòng)畫(huà)設(shè)置頁(yè)面

▲入場(chǎng)動(dòng)畫(huà)設(shè)置效果

列表多圖、輪播多圖、圖文展示、文章列表等模塊僅提供入場(chǎng)動(dòng)畫(huà)，但有動(dòng)畫(huà)組合可供挑選。電腦網(wǎng)站中，動(dòng)畫(huà)組合還可以調(diào)整動(dòng)畫(huà)的觸發(fā)方式及方向。

▲電腦網(wǎng)站“列表多圖”模塊動(dòng)效設(shè)置

2. 按鈕樣式

電腦網(wǎng)站及自適應(yīng)網(wǎng)站的【按鈕】模塊除了可以設(shè)置入場(chǎng)/強(qiáng)調(diào)動(dòng)畫(huà)外，還可以設(shè)置按鈕樣式。

按鈕支持多種樣式設(shè)置，包括輸入數(shù)值調(diào)整按鈕寬高、設(shè)置按鈕背景懸停色以及文本懸停色等，以增加用戶點(diǎn)擊率。在設(shè)置面板中，按鈕樣式還可以即改即顯，馬上查看修改的效果。

▲電腦網(wǎng)站“按鈕”樣式設(shè)置

3. 圖片特效

使用范圍：電腦網(wǎng)站、自適應(yīng)網(wǎng)站的列表多圖、圖冊(cè)目錄、產(chǎn)品展示、圖片、圖文展示等模塊

設(shè)置方法：可通過(guò)編輯模塊來(lái)設(shè)置，具體操作教程如下：

① 電腦網(wǎng)站：

圖片模塊：點(diǎn)擊工具欄“模塊特效”，在彈窗中選擇任一特效即可。

▲電腦網(wǎng)站“圖片模塊”特效設(shè)置

其他模塊：點(diǎn)擊工具欄中的“編輯模塊”按鈕，選擇“圖片特效”即可設(shè)置。

▲電腦網(wǎng)站“列表多圖”圖片特效設(shè)置

② 自適應(yīng)網(wǎng)站：點(diǎn)擊懸浮工具欄中的“編輯”/“編輯模塊”按鈕，在彈窗頁(yè)面中點(diǎn)擊【動(dòng)畫(huà)設(shè)置-圖片特效】，選擇任意一個(gè)特效即可。

▲自適應(yīng)網(wǎng)站“圖片模塊”特效設(shè)置

▲自適應(yīng)網(wǎng)站“列表多圖”圖片特效設(shè)置

▲圖片特效效果展示