Yahoo奇摩購物中心 網站白皮書
廠商版
白皮書 > 廣告與商品圖規範 > SHP2.0首頁 > Total look
規格資訊
基本規格

Total look Banner
寬長尺寸 1030 x 412 (px)
K數限制 200KB內
檔案格式 jpg (漸進式 progressive)
其他 設計完稿後,請務必提供Banner背景延伸色碼(頁面左右側底色使用)。圖文排版依照左文右圖,文字限3行的規範。
網頁UI介面提醒

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

雙版型變化提醒

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

內容呈現
設計原則
  1. 畫面中的主標與商品主體需簡潔明確,背景單純、適度留白。
  2. 請勿設計過多裝飾元素、複雜或沒有意義的商品與背景。
  3. 設計時請儘量做整體性編排,避免小圖拼貼呈現以防畫面太過破碎。
  4. 為了提升視覺效果,請避免放置過多商品,建議最多放置3件商品,若想放更多商品,請善加利用三品版。
標題與內文編排
  1. 圖文排版依照左文右圖,文字限3行
  2. 字型運用不超過3種、避免使用過多特效。
  3. 為方便網友吸收閱讀,優惠鋪底訊息以一則為限。
  4. 主標副標皆建議設定為一秒可閱讀完畢的字數,八字以內,
  5. 文字占比建議不超過整體圖像40%。
  6. 為幫助消費者快速了解廣告,廣告內資訊應至少具備以下其一:品牌品名品類。以避免消費者產生誤判或疑問。

標價格式

標價請參考以下結構與樣式設定 (顏色可依設計風格調整)。
點此瞭解更多標價格式規範

標題內售價表現規範

購物金、刷卡金、滿額折、折價券領券折 表現規範

範例檔下載
Total look 範例

前置需求
影像軟體 photoshop
按鈕中文字型 微軟正黑體
範例內容
雙版型 (psd圖層切換) 標準按鈕 (4色) 網頁UI預覽 第一屏預覽 切片

下載範例