跳至主要內容

通用視覺設定(封面頁、主題樣式)

封面頁、主題樣式、題組頁、結果頁視覺樣式尺寸設定

一週前已更新

封面頁

封面頁可調整「前景」與「背景」,可以單獨設定封面頁的背景,如沒有特別設定將會自動套用主題樣式中的背景。

前景

建議將活動重要資訊放置在前景,以確保所有裝置皆能完整顯示


1.可直接使用工具列圖文編輯

2. 支援純圖片上傳

- 電腦&平板:1500(w)x1200(h)px

- 手機:500(w)x700(h)px

背景

可以設定顯示封面頁專屬背景,如關閉以活動共用背景為主

1. 預設提供斜紋線條及純顏色

2. 支援自訂背景

- 電腦&平板:2400(w)x1600(h)px

- 手機:800(w)x1422(h)px

背景會依據不同裝置的螢幕寬度做縮放,所以可能會被裁切或是拉大,建議不要 放置重要資訊,就算裁切掉也沒關係的背景圖!!

範例樣式

  1. 前景選擇圖文+背景選擇預設

    此為系統預設的樣式,如果你喜歡,可於畫布編輯活動標題、活動簡述並上傳圖片及更改按鈕顏色文字即可!點擊畫布區塊可修改囉~

    *圖片建議可使用去背png圖可與背景融合
    *此範例按鈕文字大小為24px,圓角為30px

2. 前景選擇純圖片+背景選擇顏色

此為最簡單快速的方式!
可以直接請設計製作兩張主視覺圖片,包含電腦及手機版,直接上傳到前景純圖片的地方
背景可直接設定與主視覺相同的底色。


尺寸:
-電腦&平板:1500(w)x1200(h)px

- 手機:500(w)x700(h)px

務必記得主視覺上要有按鈕或圖示引導參加者點選封面頁參加活動!

3. 前景選擇純圖片+背景選擇自訂


我想要進階一點!
如果希望可以自訂背景,並希望與前景圖片融合,可以將前景圖片去背,放上自訂的背景。

前景尺寸:
-電腦&平板:1500(w)x1200(h)px

- 手機:500(w)x700(h)px
背景
- 電腦&平板:2400(w)x1600(h)px

- 手機:800(w)x1422(h)px

務必記得主視覺上要有按鈕或圖示引導參加者點選封面頁參加活動!

主題樣式

主題樣式包含:題組頁、結果頁、活動流程中畫面的背景、文字顏色、標題、按鈕設計等


1. 活動背景

  • 可選擇純顏色或圖片

    圖片尺寸
    -電腦&平板:2400(w)x1600(h)px

    - 手機:800(w)x1422(h)px

  • 遮罩
    系統預設遮罩為 0.5,您可以自由調整。主要用於增加背景的透明度,以利背景之上的文字能更清楚的顯示。

遮罩設定 0-示意圖

遮罩設定 0.45-示意圖

*邀請好友參加活動按鈕請於「分享流程」中編輯。

2. 標題、選項及按鈕

標題:模組題組頁、結果頁的標題文字、報名表單的提示文字、提醒抽獎的文字、(恭喜!你有X次抽獎機會)、領取獎品提示

選項:應用於題組頁有選項的模組,如:議題投票、問答小學堂、心理測驗等

按鈕:應用於活動流程中會出現的按鈕,如:填寫表單、領取獎品、前往領獎、查看獎品按鈕

【設定及實際畫面對照圖】

是否回答了您的問題?