Yahoo購物中心 網站白皮書
廠商版
白皮書 > 新版規範 > SHP2.0新版首頁 > 每日好康
SHP2.0新版首頁
當頁內容錨點
規格資訊
基本規格

每日好康（PC與Mobile共用）
寬長尺寸 1000 × 1000 (px)
K數限制 1000KB內
檔案格式 JPG/ PNG
內容呈現
設計原則
  1. 畫面中的主標與商品主體需簡潔明確，背景單純、適度留白。
  2. 請勿設計過多裝飾元素、複雜或沒有意義的商品與背景。
  3. 設計時請儘量做整體性編排，避免小圖拼貼呈現以防畫面太過破碎。
標題與內文編排

格線系統   文字規範
  • 均分版面為20等分。
  • 遵循上文下圖之規範。
  • 文字可編輯區為上側5等分，商品可編輯區為下側9等分。
  
  • 行數限制：遵循格線系統，並維持在2行以內
  • 建議字級：96px。
  • 字數限制：遵循每行最多5字之規範。
  • 建議特效：建議以單色文字呈現 (提供圖文PSD) 。
  • 圓標限制：有加碼優惠或品牌logo時可使用。
商品/ 背景規範

  • 重點優惠統一入稿紅字欄位，不要做在圖上。
  • 建議使用去背商品圖＋簡易背景＋簡易文案，商品數1～3品。
  • 不需按鈕元素。
  • 文字區域：請勿放置裝飾性元素，以提高易讀性。
  • 圖像區域：可以擺放裝飾性元素，請以兩種元素為限。
  • 為突顯商品內容，裝飾性元素請避免使用過多顏色與特效。
  • 建議以深底白字為主，PSD檔提供12個參考色；當品牌提供深色logo，可使用淺底背景。
範例檔下載
每日好康範例

前置需求
影像軟體 photoshop
範例內容
格線輔助 文字範例 網頁UI預覽 參考背景色套版  

下載範例檔

▲