注意：首頁即將全面更新，為兼顧新舊版APP用戶體驗， 期間需製作維護兩套mobile素材。		PC	Mobile
舊版素材名稱	APP TOP	-	⭕
新版素材名稱	Total Look	⭕

Total Look（PC與Mobile共用）
寬長尺寸	888 × 1020 (px)
K數限制	1000KB內
檔案格式	JPG/ PNG
Total Look 角標（PC與Mobile共用）
寬長尺寸	300 × 72 (px)
K數限制	200KB內
檔案格式	PNG

1. 畫面中的主標與商品主體需簡潔明確，背景單純、適度留白。
2. 請勿設計過多裝飾元素、複雜或沒有意義的商品與背景。
3. 設計時請儘量做整體性編排，避免小圖拼貼呈現以防畫面太過破碎。

格線系統		文字規範
均分版面為10等分 遵循上文下圖之規範。 文字可編輯區塊為上方3等分，商品可編輯區塊為下方5等分。		行數限制：遵循格線系統，並維持在2行以內 。 統一字型：思源黑體。 建議字級：80pt。 字數限制：遵循每行最多8字之規範。 建議特效：降低文字特效之使用，避免過多陰影與光影特效，建議以單色文字呈現。 請注意預留角標位置。 僅開放大促活動可放置3行文案並使用特殊字型。

格線系統		文字規範
均分版面為15等分。 遵循上文下圖之規範。 文字可編輯區塊為上方3等分，商品可編輯區塊為下方10等分。		行數限制：遵循格線系統，並維持在2行以內。 統一字型：思源黑體。 建議字級：80pt。 字數限制：遵循每行最多8字之規範。 建議特效：降低文字特效之使用，避免過多陰影與光影特效，建議以單色文字呈現。 請注意預留角標位置。

格線系統		文字規範
均分版面為16等分。 遵循上文下圖之規範。 文字可編輯區塊為上方4等分，商品可編輯區塊為下方6等分。		行數限制：遵循格線系統，並維持在2行以內。 統一字型：思源黑體。 建議字級：80pt。 字數限制：遵循每行最多8字之規範。 建議特效：降低文字特效之使用，避免過多陰影與光影特效，建議以單色文字呈現。 請注意預留角標位置。

格線系統		文字規範
均分版面為8等分。 遵循上文+四小圖之規範。 文字可編輯區塊為上方2等分，商品無需製圖（CMS可入賣編 / 亦可自行上圖）。		行數限制：遵循格線系統，並維持在1行以內。 統一字型：思源黑體。 建議字級：80pt。 字數限制：遵循每行最多8字之規範。 建議特效：降低文字特效之使用，避免過多陰影與光影特效，建議以單色文字呈現。 請注意預留角標位置。

• 遵循格線系統，視覺版版面最多放置2件商品，若想放更多商品，請善加利用4品版。
• 如有代言人，代言人應視為1品，版面維持在2品以內。
• 文字區域：不可放商品、裝飾性元素，以提高易讀性。
• 圖像區域：可以擺放裝飾性元素，請以兩種元素為限。
• 為突顯商品內容，裝飾性元素請避免使用過多顏色與特效。
• 範例檔PSD內提供12個參考色套版，建議以深底白字為主，亦可依據活動主色另製；當品牌提供深色logo，可使用淺底背景。

• 入稿以3個ㄧ組為概念，建議一組只能有1個四品版，避免商品太多太細碎。
• TTL 會自動輪播，3個一組，一次翻頁3個，最後一屏不足會拿第一個補齊，但建議入稿3的倍數，避免用戶看到重複資訊。

• 請獨立存成一張PNG圖，由系統自動帶入。
• 角標背景：素色為主，確保文字可視性。
• 角標字數：最多5字。

前置需求
影像軟體	photoshop

範例內容
雙版型 (psd圖層切換)	格線輔助	網頁UI預覽	參考背景色套版

下載範例檔