Yahoo奇摩購物中心 網站白皮書
廠商版
白皮書 > 廣告與商品圖規範 > SHP2.0手機/APP廣告 > APP TOP
規格資訊
基本規格

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

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

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

[附圖1][附圖2]

按鈕使用規範
  1. 按鈕為選用元素,非必備。可依需求決定是否呈現。
  2. 使用按鈕時,樣式須依循制式規格,請見下方附圖3或使用範例檔設定。
  3. 按鈕等同一行文字,且Banner文字限3行規範不變。因此當使用按鈕時,按鈕外的文字行數須縮減為兩行。
  4. 按鈕內的文字限四字、不可含特殊符號。

[附圖3]

標價格式

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

標題內售價表現規範

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

範例檔下載
APP TOP範例

前置需求
影像軟體 photoshop
中文字型 微軟正黑體、思源黑體 (NotoSansCJKtc)
英數字型 Century Gothic
範例內容
文字範例 背景範例 (5色) 網頁UI預覽 標準按鈕 (4色)  

下載範例檔