APP TOP
寬長尺寸	1242 x 690 (px)
K數限制	建議250KB內
檔案格式	jpg (漸進式 progressive)。
其他	圖文排版依照左文右圖，文字限3行的規範。

請留意網頁UI介面覆蓋區塊總高190px
紅色範圍為完全覆蓋區塊，設計時僅供背景延伸之用。
橘色範圍為緩衝覆蓋區塊，設計時請勿呈現文字。

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

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

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

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

前置需求
影像軟體	photoshop
中文字型	微軟正黑體、思源黑體 (NotoSansCJKtc)
英數字型	Century Gothic

範例內容
文字範例	背景範例 (5色)	網頁UI預覽

下載範例檔