活動視覺設定![互動模組]()
活動最重要的就是要吸睛！以引人注目的視覺呈現為主，大多是透過上傳的圖片決定風格，後台開放設定的視覺分為以下：
（第 4項指仍有部分系統區塊需設定顏色）
- 模組視覺設計
如：心理測驗題目、問答小學堂結果...等 - 獎項相關
- 分享圖
此處分享圖指由活動內建的分享按鈕分享後的擷取圖片 - 其他視覺設定
如活動區塊背景、活動主題色...等
| 模組名稱 | 模組視覺 | 獎項相關 | 分享圖 |
| 登錄型
登錄給獎、發票登錄
|
✘
|
自訂 | ✔
|
| 內容型
心理測驗、問答小學堂
|
✔
|
✔
| |
| 問卷型
問卷、議題投票
|
✔
|
✔
| |
| 網友上傳
圖片上傳、創意相框
|
✘
|
✔
| |
| 比賽型
徵圖比賽
|
✘
|
✔
| |
| 關卡型
簽到模組
|
✔
|
✔
| |
| 給獎型
刮刮卡、戳戳樂、拉霸
|
✘
|
✔
|
✔
|
模組視覺
模組視覺是指在參加者正在參與互動時所看到的視覺畫面，大多由圖片所組成。
圖片尺寸建議如下：
- 題目圖片：900 px (w) × 450 px (h)
- 選項圖片：420 px (w) × 420 px (h)
（須依選項排列調整尺寸） - 結果圖片：約 1200 px (w) × 600 px (h)
- 文字輸入背景（留言模組）：約 1000 px (w) × 700 px (h)
※ 問卷模組使用表單服務，相關圖片尺寸須參考「表單設定」
獎項相關
與獎項有關的視覺設定有：獎品圖片、給獎遊戲設定等等。
獎項圖片尺寸建議：
- 獎項圖片：800 px (w) × 800 px (h)
給獎模組相關尺寸：
- 刮刮卡
- 刮刮卡面：約 720 px (w) × 990 px (h)
- 主視覺：約 585 px (w) × 260 px (h)
- 銀漆：約 585 px (w) × 585 px (h)
-
幸運大輪盤
- 外圍輪框：720 px (w) × 720 px (h)
- 輪盤：612 px (w) × 612 px (h)
輪盤盤面圖樣需依所設定獎品調整 - 按鈕：150 px (w) × 150 px (h)
- 戳戳樂
- 背景：720 px (w) × 720 px (h)
- 主題視覺：180 px (w) × 180 px (h)
- 戳面：180 px (w) × 180 px (h)
- 紅包雨
- 主題視覺：720 px (w) × 900 px (h)
- 紅包：100 px (w) × 170 px (h)
- 點綴圖示：100 px (w) × 100 px (h)
- 拉霸機
- 主視覺：640 px (w) × 320 px (h)
- 獎品圖示：120 px (w) × 120 px (h)
- 點綴圖示：120 px (w) × 120 px (h)
- 按鈕：280 px (w) × 80 px (h)
- 好禮自由選
- 主視覺：720 px (w) × 400 px (h)
- 按鈕：280 px (w) × 80 px (h)
部分給獎模組的圖片可以上傳gif、png達到不同的視覺效果
分享圖
透過模組內建分享按鈕分享至社群平台時，若無個別模組特殊分享圖*，系統會以活動設定的分享圖對外發布。
- 活動分享圖尺寸件建議：1200 px (w) × 800 px (h)
請將重要資訊製作於縮圖中央，部分平台取縮圖僅擷取其中正中央方形部分。
※ 心理測驗、問答小學堂等依照互動內容有指定結果圖，將以模組指定結果圖為分享圖。
各社群平台的分享圖片會擷取設定圖片的不同區塊
網頁
－新增 ![]()
－
－- 獨立選單
- LOGO：280 px (w) × 90 px (h)
建議使用去背圖檔
- LOGO：280 px (w) × 90 px (h)
- 圖片元件
- PC滿版建議寬度：1920 px (w) ，高度不限
- 手機滿版建議寬度：540 px (w) ，高度不限
- 輪播元件
- 圖片尺寸須一致
- 相簿元件
- 樣板一：尺寸一致（截圖比例 1 : 1）
- 最小尺寸 500 px (w)
× 500 px (h)
![]()
- 最小尺寸 500 px (w)
× 500 px (h)
- 樣板二
- 直立圖（截圖比例 3 : 4）：最小尺寸 510 px (w) × 680 px (h)
- 橫向圖（截圖比例 16 : 9）：最小尺寸 540 px (w)
× 960 px (h)
![]()
- 樣板一：尺寸一致（截圖比例 1 : 1）
- 卡片元件
- 樣板一： 500 px (w)
× 300 px (h)
![]()
- 樣板二：
500 px (w)
× 500 px (h)
![]()
- 樣板三：
500 px (w)
× 500 px (h)
![]()
- 樣板四： 500 px (w) × 500 px (h)
- 樣板五： 480 px (w)
× 640 px (h)
![]()
- 樣板六：
500 px (w)
× 500 px (h)
![]()
![]()
- 樣板一： 500 px (w)
× 300 px (h)
-
分類頁面：（顯示尺寸同卡片元件）
請依個樣板顯示尺寸調整個別頁面設定→網頁分享圖
網頁分享圖建議尺寸：1200 px (w) ×630 px (h)
－齒輪 ![]()
－
－- 背景
背景因應該區塊高度調整，若考慮跑板問題、請採用圖片板塊- PC滿版建議尺寸：1920 px (w) × 1080px (h)
- 手機滿版建議尺寸：540 px (w) × 960 px (h) 延伸閱讀：製作主視覺板塊的三種方式
－頁面設定－
- 頁面設定網頁分享圖： 1200 px (w) ×630 px (h)
請將重要資訊製作於縮圖中央、部分平台取縮圖會取正方形
發燒互動頁面縮圖、Facebook縮圖、LINE縮圖![]()
表單
－表單設定－
網頁背景、頁面樣式、表單設定、隱藏欄位
-
表單背景
可設定為透明，再嵌入頁面板塊後由齒輪再行設定
- PC滿版建議尺寸：1920 px (w) × 1080px (h)
- 手機滿版建議尺寸：540 px (w) × 960 px (h)
- 表單頁面分享圖
- 頁面設定網頁分享圖： 1200 px (w) ×630 px (h)
請將重要資訊製作於縮圖中央、部分平台取縮圖會取正方形
發燒互動頁面縮圖、Facebook縮圖、LINE縮圖![]()
- 頁面設定網頁分享圖： 1200 px (w) ×630 px (h)
－題目編輯－
題目使用圖片尺寸說明
-
圖片選擇題：截圖比例 1：1
- 建議尺寸： 500 px (w) × 500 px (h)
可使用非 1：1，但窄邊建議大於 500 px
- 建議尺寸： 500 px (w) × 500 px (h)
- 等級評分：截圖比例 1：1
- 建議尺寸： 500 px (w) × 500 px (h)
無開放非方形比例
- 建議尺寸： 500 px (w) × 500 px (h)
