數位茄子宜蘭網站設計

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

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