Yahoo購物中心 網站白皮書
廠商版
白皮書 > 新版規範 > SHP2.0新版首頁 > 品類樓層
規格資訊
基本規格
注意:首頁即將全面更新,為兼顧新舊版APP用戶體驗, 此版位需要製作兩種規格尺寸。 PC Mobile
舊版素材名稱 APP品類樓層 -
新版素材名稱 品類樓層

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

圖片規範   文字規範
  • 背景應維持通透,儘量以淺色底為主,但保留製作深色背景的彈性
  • 禁止放置文字。
  • 文字系統上稿時可選擇黑字或白字,故如特殊情境需設計深色底,入稿要選白字維持易讀性。
  • 文字上稿區塊背景維持單純,文字背景圖層建議做模糊處理確保上稿文字的可視性。
 
  • 禁止放置文字
製作圖層解析

角標規範

  • 請獨立存成一張PNG圖,由系統自動帶入。
  • 角標背景 : 延續TTL角標色系,素色為主,可使用漸層提升精緻度,確保文字可視性
  • 角標字數:最多5字
範例檔下載
品類樓層範例

前置需求
影像軟體 photoshop
範例內容
安全範圍標示 網頁UI預覽 參考背景套版    

下載範例檔