top of page


數位茄子研究院


Wix編輯器教學|第8課:從零開始玩 Wix影片製作者,跟著數位茄子做出會說話的wix網站
當你已經會用圖片做wix網站版面,下一步就是學會用影片來說話。 這篇文章裡,數位茄子會帶你認識Wix內建的「影片製作程式」,從操作流程到放回 wix網站 的方式,一步一步拆解,讓你在做品牌網站架設、部落格網站設計或未來規劃客製化網站設計時,不再只靠靜態 Banner,而是用會動的畫面抓住訪客注意力,增加更多故事層次。 數位茄子Wix編輯器教學 | 第8課 : 影片製作者 先搞懂:Wix影片製作者功能是什麼?可以做什麼? 簡單說,Wix影片製作者功能是一個線上的「影片模板加簡易剪輯工具」,你可以在瀏覽器裡完成整支影片,不需要安裝額外軟體。它設計給中小企業與個人創作者使用,特別適合做促銷影片、產品展示、公告新消息或社群貼文影片,做完之後可以直接嵌入 wix網站、分享到社群或下載檔案使用,對正在做wix網站設計、品牌網站架設來說,是提升專業度的好幫手。 多數數位茄子的客戶並不是專業剪輯師,而是正在經營自己的品牌、工作室或在地服務的老闆,所以工具越直覺越好。 透過這個影片製作者,你可以先選一個風格範本,再把圖片、影片片段與文字換成自己的內容,就能很快做出

數位茄子
2天前


Wix編輯器教學|第7課:圖片設定和圖庫,讓你的Wix網頁一秒變專業
這一課,數位茄子帶你用實戰方式玩懂 Wix 編輯器裡的圖片設定與圖庫功能,從單一圖片新增、圖庫版型選擇,到相片工作室修圖與去背,一次搞定 Wix網站設計、品牌網站架設 和 部落格網站設計 的視覺細節,做出真正有質感的客製化網站設計。 為什麼圖片設定是Wix網站設計 的關鍵 很多人在剛開始玩 wix網站設計 的時候,都是先「把圖片丟上去再說」,老闆自己想做品牌網站架設、行銷人員被交辦要做一個簡單的wix網站,結果圖片比例怪怪的,原本想做出專業感的客製化網站設計,最後卻跑圖,就算只是替自己小公司做官網,或是幫工作室做第一個品牌網站架設,圖片也都是整個wix網站的「門面」。 如果你是公司裡唯一懂一點設計的人,忽然被指派要完成 wix網站設計;或是你正在開店,想自己做一個形象網站設計來介紹店面;又或者你本身是自由工作者,希望做一個可以展示作品的客製化網站設計,這時候圖片就不只是放好看而已,而是要幫你說明「我是一家什麼樣的品牌」。 對數位茄子這種長期替客戶做 wix網站設計的 wix設計公司來說,我們會把客戶提供的圖片當成一整套視覺策略的一部分,特別是做在

jaden
12月3日


Wix 編輯器教學|第 6 堂課:互動式浮動方塊 Hover Box 讓你的網站瞬間更有質感!
如果你希望你的 Wix 網站看起來更專業、更高級、更有互動感,那「互動式懸浮方塊(Hover Box)」絕對是你必學的功能。 什麼是懸浮方塊 Hover Box? 固定狀態(Before) 浮動狀態(After) 浮動方塊在哪些地方最常用? 如何新增浮動方塊 Hover Box? 現有方塊變成 Hover Box 浮動 方塊 3 個好看的設計技巧 常見問與答 什麼是互動式浮動方塊 Hover Box? 互動式浮動方塊Hover Box由兩個狀態組成 1. 固定狀態(Before) 使用者還沒把滑鼠移上去時看到的畫面。 例如: 靜態圖片 簡短文字 乾淨封面 2. 浮動狀態(After) 滑鼠移上去後出現的新畫面。 例如: 顯示更多資訊 換成不同圖片 反轉背景色 顯示按鈕 顯示人物介紹 / 商品資訊 這就是 Hover Box 最大的魔法: 一個方塊,兩個世界。 浮動方塊在哪些地方最常用? 這些都是 Hover Box 的完美使用場景: 團隊成員卡片(滑上去出現人員介紹) 作品集(滑上去顯示作品說明) 產品資訊(滑上去顯示商品規格或價格) 課程介紹(

數位茄子
11月26日


Wix 編輯器教學|第 5 堂課:Hero 區塊新增全螢幕投影片
Hero Section 打造品牌第一印象 作為一位 Wix 設計顧問,我們常說:「使用者是否願意滑下去,全看你首頁的第一區。」而這一區,在網站設計領域裡,我們稱為 —— Hero Section 。 本篇教學將以專業角度,完整解析「Wix 全螢幕投影片(Slideshow)」功能,幫助你打造有視覺震撼力、轉換力強的首頁開場設計。 為什麼使用新增全螢幕投影片? 視覺抓眼球: 第一屏就是品牌舞台,吸住訪客視線 多元傳達: 一張圖片說不完?輪播 2–3 張,依序說出價值 動態感更高: 影片式滑動或淡入淡出,提升網站活力 情境式品牌敘事: 每張投影片可以承接不同服務切角 適合放在網站哪裡? 最常見位置: 新增全螢幕投影片最常見的位置都在, 首頁 Hero 區塊(最上方全螢幕第一區) 但也可應用於: 專案展示頁(多組品牌作品輪播) 主打活動頁(不同活動圖輪播) 品牌理念介紹頁(用圖片+字詮釋品牌故事) Hero 區塊新增全螢幕投影片教學 淺談投影片區塊應該怎麼設計? 1. 每張投影片的組成建議: 背景圖片 or 背景影片(建議固定構圖) 主標語(

數位茄子
11月20日


Wix 編輯器教學|第 4 堂課:Wix新增區段完整操作與應用範例
在本次Wix 編輯器教學中,我們將介紹 新增區段 的操作方法與應用技巧。透過這個功能,你可以快速套用版型模組,讓網站排版變得更有效率,即使是新手也能建立一致又專業的網站版面。這是 Wix 編輯器區塊新增方法 中最常使用的一項功能。 快速導覽:Wix新增區段教學 什麼是Wix新增區段? 新增空白區段 新增區段模組 常見區段類型與應用範例 區段排版技巧Wix使用建議 自訂區段儲存功能Wix實作方式 新增區段複習影片 常見問題(FAQ) 什麼是Wix新增區段? 為什麼比單一元件更好用? Wix 新增區段 是一種快速建構網站內容的方法,它提供了預設設計好的區塊模組,例如服務介紹、作品展示、FAQ 等,使用者只要套用後進行簡單編輯,就能快速建構出清晰且一致的版面。 這些區段模組具備良好的間距與樣式設計,能幫助你省去從零開始堆疊元件的時間,是目前最實用的 Wix 編輯器區塊新增方法 之一 如何在 Wix 編輯器中加入區段? wix編輯器中新增空白區段 圖一 方法一:使用「+新增區段」按鈕 開啟你要編輯的頁面。 滑鼠滑動至欲新增區段的位置,點擊中央的

數位茄子
6月4日


Wix 編輯器教學|第 3 堂課:Wix頁面與選單管理完整教學
在本篇教學中,我們將深入探討如何使用 Wix 編輯器有效地管理網站的頁面與選單。透過學習新增、排序、隱藏頁面,以及設計主選單,您將能夠建立清晰且易於導航的網站架構,提升使用者體驗。 快速導覽:Wix頁面與選單管理教學 什麼是 Wix 的頁面與選單系統? 新增與管理網站頁面 新增頁面複習影片 如何排序與建立子頁 Wix 隱藏頁面功能 新增選單顯示於頁首 Header 選單設計與使用者導覽邏輯 Wix 動態頁與靜態頁的應用場景 常見錯誤與最佳實踐 新手問題(FAQ) 什麼是 Wix 的頁面與選單系統? Wix頁面與選單管理系統是網站架構的核心。 頁面分為靜態頁和動態頁,選單則用於引導訪客瀏覽不同的頁面。 頁面類型:靜態頁、動態頁 靜態頁 :固定內容的頁面,如首頁、關於我們、聯絡我們等。 動態頁 :透過資料集合自動生成的頁面,適用於部落格文章、產品頁等。 主選單與頁面結構的關係 主選單是網站的導航工具,通常位於頁首,包含網站的主要頁面連結。 透過選單,訪客可以快速找到所需的資訊。 如何新增 Wix 頁面 有效的頁面管理有助於網站內容的組織與維護。 如何

數位茄子
6月3日


Wix編輯器功能面板教學|第 2 堂課:左側功能面板操作總覽
Wix 編輯器左側功能面板是進行網站建構時最重要的控制中心,本篇文章將帶你認識這些核心工具,包括新增元件、頁面管理、網站主題、應用程式、媒體資料與商務工具,幫助你掌握每個模組的應用情境,為網站設計打下扎實基礎。

數位茄子
5月26日


Wix編輯器工具列教學|12 個常用功能與操作技巧
如果你剛開始接觸Wix編輯器,可能會對上方與側邊的工具列感到陌生。 本篇Wix編輯器工具列教學文章將逐一解析編輯器中的每個實用工具,幫助你理解它們的功能、應用場景,並提供操作建議,讓你在設計網站時更有效率、不漏關鍵細節! 快速導覽|Wix編輯器工具列教學導覽 搜尋與預覽 儲存與發佈的差異 桌機與手機版切換的操作 調整縮放比例的應用建議 工具功能列解析(對齊、圖層、標尺等) 實用快捷功能(復原、重做、快速導覽) FAQ 常見問題 搜尋功能:快速定位任何工具 Wix 編輯器的「搜尋」功能位於畫面右上角,圖示是放大鏡。 功能說明: 可搜尋元件(如按鈕、圖庫)、項目等等 特別適合網站元件較多的情境 節省找應用程式、元件位置的時間 📌 應用建議 :打「表單」就能快速跳到聯絡表單、訂閱表單的相關工具,不需從左方一層一層找。 Wix 編輯器右上角使用搜尋與預覽功能 預覽功能:上線前先檢查設計狀況 點擊「預覽」按鈕,即可看到使用者實際在瀏覽器中看到的網站畫面。 功能說明: 預覽模式不等於發佈,只是設計草稿的模擬呈現 支援桌機版與手機版畫面切換 可測試連結、互動

數位茄子
5月24日

bottom of page
