頁(yè)面動(dòng)畫(huà)：讓視覺(jué)效果“動(dòng)”起來(lái)，吸引用戶“留”下來(lái)！

救命！我的網(wǎng)站成精了！

上周收到條神奇投訴："李總，你們官網(wǎng)的輪播圖會(huì)轉(zhuǎn)圈跳舞！我刷了半小時(shí)根本停不下來(lái)！"看著屏幕上扭動(dòng)的產(chǎn)品展示區(qū)，我默默感嘆——這已經(jīng)是本月第三次被特效"硬控"了。

這事得從用上凡科建站的頁(yè)面動(dòng)畫(huà)功能說(shuō)起。作為開(kāi)塑料花廠的鋼鐵直男，我原本只想要個(gè)能展示產(chǎn)品的網(wǎng)站，結(jié)果沒(méi)想要被網(wǎng)頁(yè)的"視覺(jué)雜技"深深吸引了。

1. 微位移：

按鈕像貓爪一樣抖動(dòng)，客戶反饋“不點(diǎn)渾身難受”

2. 手風(fēng)琴式內(nèi)容折疊器

產(chǎn)品參數(shù)能像手風(fēng)琴般展開(kāi)，客戶點(diǎn)哪開(kāi)哪。隔壁做外貿(mào)的老王說(shuō)，這玩意讓產(chǎn)品頁(yè)停留時(shí)長(zhǎng)暴漲3倍，現(xiàn)在他得定期刪訂單防止爆單。

3.懸浮固定頂部

我總懷疑程序員給導(dǎo)航欄施了魔法——當(dāng)客戶往下劃拉頁(yè)面看產(chǎn)品詳情時(shí)，導(dǎo)航菜單就像粘在屏幕頂端的小尾巴，客戶隨時(shí)能點(diǎn)想了解的板塊，根本不給「迷路退出」的機(jī)會(huì)！

4.懸浮導(dǎo)航欄的"輕功"

頁(yè)面滾動(dòng)時(shí)導(dǎo)航欄能凌空懸浮，我司程序員小哥研究了三天，最后發(fā)現(xiàn)是它自帶的基礎(chǔ)功能。

市場(chǎng)部小美上周誤觸"視差滾動(dòng)"開(kāi)關(guān)，硬是把產(chǎn)品手冊(cè)做成了星際穿越特效。更絕的是海外版自動(dòng)適配暗黑模式，塑料花在星空背景下旋轉(zhuǎn)時(shí)，竟然收到了NASA的詢價(jià)郵件。

現(xiàn)在官網(wǎng)支持超過(guò)n種預(yù)設(shè)特效可選，從入場(chǎng)動(dòng)畫(huà)到圖片特效。上周和設(shè)計(jì)師開(kāi)會(huì)變成這樣： "用這個(gè)微交互按鈕吧？" "不！懸浮彈窗更適合產(chǎn)品賣點(diǎn)" "還是全屏視差更有沖擊力..."

據(jù)報(bào)告顯示，我國(guó)域名總數(shù)已達(dá)3187萬(wàn)個(gè)，其中手機(jī)網(wǎng)站訪問(wèn)量占比超75%。在這種趨勢(shì)下，像凡科建站這種支持PC/手機(jī)/小程序三端適配，還能讓官網(wǎng)"動(dòng)起來(lái)"的工具，確實(shí)成了我們小微企業(yè)的數(shù)字門(mén)面剛需。