「黑色是永恆的經典,在它旁邊其他顏色都索然無味。」- Coco Chanel
SHOPLINE 使用永恆經典黑白配色,打造個性潮流版型 - Dusk,搭配搶眼的螢光主題色,幫助您創造個性質感網店。鮮明的配色及黑色極簡的風格非常適合販售 3C 產品、五金機械、汽機車零配件、健身用品、攝影器材、音響及電子樂器的商家使用,透過色彩傳遞品牌的獨特時尚,吸引顧客的目光。
*注意:若您目前的商店方案為正式方案,且僅有「社群購物」方案,將無法變更商店版型。
一、依照品牌形象客製網店主題顏色與字型
Dusk 版型採用全黑背景設計,搭配自訂的主題顏色與字型,您可以創造獨一無二的時尚品牌形象。
1. 自訂主題顏色
將會套用至網店按鈕、標籤,推薦您使用螢光色或強烈的主題色,以提高文字可讀性。
編輯位置:管理後台 > 網店設計 > 設計 > 店面版型 > Dusk 版型設定
(編輯時請使用 HEX 六位數色碼,可參考https://htmlcolorcodes.com/)
2. 自訂主題字型
商家可根據網店品牌風格選擇套用「思源宋體」或是「思源黑體」,設定後將會套用於整個網站。
- 思源黑體:富有現代感,簡單俐落的字體。
- 思源宋體:富有古典美,莊重優雅的襯線體。
二、商品列表頁特色
1. 採取半版設計的快速加入購物車
更大的版面可以呈現更大的圖片,以呈現更多商品細節
2. 商品圖片版型比例為 1:1 正方形
井然有序的排版富有秩序美。若您希望自動裁切商品圖片,商家可自行在網店後台 > 網店設計 > 設計 > 進階設計設定 > 開啟「自動把商品圖片裁剪成設計預設相框的大小」功能。
3. 可預覽下一張商品圖片
只要將滑鼠輕移至商品圖片上方即可預覽下一張圖
三、各頁面建議 Banner 尺寸
請記得使用圖片壓縮工具,讓大圖不會佔用顧客太多網路流量導致網站讀取速度過慢。
(推薦使用:https://tinypng.com/)
1. 進階分頁
如果是頁首置頂 Banner,喜歡整個螢幕滿版圖片,可使用 1920 x 850 px。
如果不想佔滿整個螢幕,喜歡較窄的比例,推薦使用 1920x450px,並會在桌機約佔滿 3/2 畫面範圍
2.商品列表頁
提供上傳全寬的 Banner ,讓店家可以利用此區塊營造各個不同分類的情境和豐富度,建議 Banner 高度不超過 640 px,讓顧客在一進入商品列表頁時,能稍微看到第一排商品。Banner 採用全寬顯示,特别適合精品類型的產品展示。
以上是 Dusk 版型的特色介绍,立即試用看看吧!
評論