下圖藍色標示區塊為網頁UI介面位置，編排版面時請將文字或商品重點避開此區。
本頁下方提供廣告範例檔下載，範例檔內含UI提示圖層，請使用該檔案製作廣告。

本版位除滿版之外另有三品版版型(右側商品由系統於網頁上帶入)。
Banner圖檔大小相同，僅需留意是否需要騰出右側空間置放商品，範圍資訊詳見範例檔。
如有代言人，代言人應視為1品，版面商品維持在3品以內。
製作前請與窗口確認使用的格式。

1. 畫面中的主標與商品主體需簡潔明確，背景單純、適度留白。
2. 請勿設計過多裝飾元素、複雜或沒有意義的商品與背景。
3. 設計時請儘量做整體性編排，避免小圖拼貼呈現以防畫面太過破碎。
4. 為了提升視覺效果，請依規定擺放商品，版面最多放置3件商品，若想放更多商品，請善加利用三品版。
5. 為符合使用者習慣與趨勢，現行版面已取消連結按鈕，設計時請勿再放置連結元素。

商品圖格線系統
為了營造便於網友瀏覽的購物環境，在短時間內瀏覽商品與文案以增加銷售機會，請依循格線系統規範做合適之編排。

1. 均分版面為10等分。
2. 遵循左文右圖之規範。
3. 文字可編輯區塊為左側3等分，商品可編輯區塊為右側5等分。（詳見上圖）

文字區塊		商品區塊
行數限制: 文字行數請維持在3行以內。		商品限制: 商品數量請維持在3品以內。
字數限制: 遵循每行最多8字之規範。		3品版限制: 如使用3品版，左側最多擺放1品。
建議字級: 標題85pt，副標題50~60pt，以維持標題易讀性。		代言人商品: 如有代言人，代言人應視為1品，版面維持在3品以內。
建議特效: 降低文字特效之使用，避免過多陰影與光影特效，建議以單色文字呈現。		建議特效: 為突顯商品內容，請避免在商品上使用過多顏色與特效。
背景規範: 左側文字區域，請勿放置裝飾性元素，以提高易讀性。		背景規範: 右側圖像區域，可以擺放裝飾性元素，請以兩種元素為限

範例內容
雙版型 (psd圖層切換)	網頁UI預覽	第一屏預覽	切片

下載範例