客服 WixTW

2022年3月9日

《Wix編輯器教學》第4堂課:如何添加帶狀圖片和物件

更新日期:2月 29

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

本堂課我們將學習如何添加帶狀圖片和物件至你的網站,以及如何調整欄間距及製造物件和背景色的視覺色差,讓你的標題字更為醒目。

【學習筆記】

透過左方的工具 > 新增帶狀圖片,你可以點擊「管理欄背景」,變更選擇有色彩、圖片或影片。以下圖為例,我們選擇的是Wix圖庫提供的圖片。

點擊帶狀圖片,點擊「管理欄」> 「新增欄位」,你可以創造多個欄,圖中我們創建2個欄。另外你也可以調整訂自訂比例,並保持左右各50%。

此外,為了不讓兩欄的圖片相連顯得較為擁擠,我們將欄間距加大調整為40px,讓整體畫面較有留白及空間感。

透過左方的工具列,你可以新增文字到欄上,作為醒目的標題設計。

我們常使用的文字顏色仍是以黑色和白色為主,如果你遇到選用的素材和文字顏色太接近,以致於無法清楚閱讀的話,你可以點擊欄背景的「設定」。

圖中可見,你看到圖片背景色彩預設為白色,這個色糸你可以自行調整;重點在於你將圖片不透明度,從原本的100%調降至80%,則原本的圖片就更顯白,而黑色的標題字就又更為明顯。

下一堂課,我們將談到如何新增相簿