Dusk 版型使用指南

簡中_EC  (简中).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 版型的特色介绍,立即试用看看吧!

 

还有其它问题?提交请求

评论