Dusk 版型使用指南

1.CHT_________png.png

dusk_banner.jpg

黑色是永恆的經典,在它旁邊其他顏色都索然無味。」- Coco Chanel

SHOPLINE 使用永恆經典黑白配色,打造個性潮流版型 - Dusk,搭配搶眼的螢光主題色,幫助您創造個性質感網店。鮮明的配色及黑色極簡的風格非常適合販售電子煙、3C產品、五金機械、汽機車零配件、健身用品、攝影器材、音響及電子樂器的商家使用,透過色彩傳遞品牌的獨特時尚,吸引顧客的目光。

 

一、依照品牌形象客製網店主題顏色與字型

Dusk 版型採用全黑背景設計,搭配自訂的主題顏色與字型,您可以創造獨一無二的時尚品牌形象。

1. 自訂主題顏色

將會套用至網店按鈕、標籤,推薦您使用螢光色或強烈的主題色,以提高文字可讀性。

編輯位置:管理後台 > 網店設計 > 設計 > 店面版型 > Dusk 版型設定
(編輯時請使用 HEX 六位數色碼,可參考https://htmlcolorcodes.com/

Theme_Dusk_______.png

2. 自訂主題字型

商家可根據網店品牌風格選擇套用「思源宋體」或是「思源黑體」,設定後將會套用於整個網站。

  • 思源黑體:富有現代感,簡單俐落的字體。
  • 思源宋體:富有古典美,莊重優雅的襯線體。

TC_Theme_Dusk_____.png

二、商品列表頁特色

1. 採取半版設計的快速加入購物車

更大的版面可以呈現更大的圖片,以呈現更多商品細節

8._Dusk_.png

 

2. 商品圖片版型比例為 1:1 正方形

井然有序的排版富有秩序美。若您希望自動裁切商品圖片,商家可自行在網店後台 > 網店設計 > 設計 > 進階設計設定 > 開啟「自動把商品圖片裁剪成設計預設相框的大小」功能。

 

3. 可預覽下一張商品圖片

只要將滑鼠輕移至商品圖片上方即可預覽下一張圖

dusk_plp.gif 

三、各頁面建議 Banner 尺寸

請記得使用圖片壓縮工具,讓大圖不會佔用顧客太多網路流量導致網站讀取速度過慢。

(推薦使用:https://tinypng.com/

 

1. 進階分頁

如果是頁首置頂 Banner,喜歡整個螢幕滿版圖片,可使用 1920 x 850 px。

dusk_banner_size.png

 

如果不想佔滿整個螢幕,喜歡較窄的比例,推薦使用 1920x450px,並會在桌機約佔滿 3/2 畫面範圍

dusk_size.png

 

2.商品列表頁

提供上傳全寬的 Banner ,讓店家可以利用此區塊營造各個不同分類的情境和豐富度,建議 Banner 高度不超過 640 px,讓顧客在一進入商品列表頁時,能稍微看到第一排商品。Banner 採用全寬顯示,特别適合精品類型的產品展示。

 dusk_plp_banner.jpg

以上是 Dusk 版型的特色介绍,立即試用看看吧!

 

還有其他問題?提交請求

評論