top of page

《Wix編輯器教學》第7堂課:使用背景捲動效果、動畫功能和向量插圖


請開啟Youtube設定 > 字幕 > 自動翻譯 > 選擇中文(繁體)



本堂課我們將學習如何使用使用背景捲動效果、動畫功能和向量插圖。這些功能是Wix網站之於所受到全球多數用戶歡迎的原因之一,只要你擅於使用它們,就可以創造出一個讓人視覺驚豔的網站。



第1部份:背景捲動效果


點擊左邊的工具列 > 帶狀圖片 > 新增一個帶狀圖片至網頁編輯器內,你將會看到「背景捲動效果」功能鍵



背景捲動效果總共有14種,其中第1個的「視差效果」,是最受用戶歡迎的選擇。

一但套用你選定的效果之後,你可以點擊右上角的預覽,並上下滑動網頁,就會看到驚豔的視覺吸睛效果。



第2部份:動畫功能


你可以對著像是文字、單一圖片、方塊等網站物件,對著該物件點擊,就可以使用動畫功能。

動畫功能的選擇一共有14種,你更可以點擊自訂,再作更細節的調整,如持續的時間、延遲的時間等。



第3部份:向量插圖


點擊左邊的工具列 > 裝飾 > 向量插圖,你可以看到預設有4種分類。

你可以點擊「所有的向量插圖」,搜尋你喜歡的插圖類別。

當我們製作該篇教學的同時,剛好遭逢2022年俄烏戰爭爆發;Wix公司為譴責戰爭的殘酷,提供許多支持烏克蘭的向量設計插圖。


我們以適逢當時的背景為例,選用WE STAND WITH UKRAINE的向量插圖。

如果是白色的背景,選用預設的藍黃設計是沒有問題的。

如果背景是較深色如黑色,你可以點擊設計,更改插圖的色糸選擇;如下圖我們將各組顏色以白和淺灰作表示。


希望烏俄戰爭早日平息




下一堂課,我們將談到互動式工具。
bottom of page