top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

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

已更新:3月1日


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



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


【學習筆記】


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


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

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


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

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


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



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

留言


bottom of page