Varm 版型指南

1.CHS_________.png

varm.png

Varm 版型采用简洁且富有摩登时尚感的设计,更加大气、干净,帮助您打造网店的时尚新潮风格,适合贩售家居园艺、烹饪厨具、手表首饰、潮流鞋款、运动用品类等,追求商品图细节展现与有呈现大量商品资讯需求的商家。

Artboard.png

在商品细节页面,只要将滑鼠轻移至商品图片上方即可放大查看图片,让所有细节一览无遗,展现商品魅力,满足顾客浏览需求。

 

 

 

一、依照品牌形象打造网店主题颜色

1. 自订网店主题颜色

Theme_varm_______.png

将会套用在网店的按钮、商品价格、页面底部装饰线。可使用品牌色或自订颜色,打造网店独特风。

(建议避免使用浅淡的颜色,以提高可读性)

编辑位置:管理后台 > 网店设计 > 设计 > 商店版型 > Varm 版型设定
(编辑时请使用 HEX 六位数色码,可参考https://htmlcolorcodes.com/

 

2. 页尾颜色

将会套用在网站页尾的“底色”,推荐页尾底色不要使用过浅的颜色,并与页尾文字互为对比色,确保文字清晰易读。

Theme_varm_____.png

Artboard_Copy.png

 

 

二、商品细节页特色介绍

1. 在商品细节页,一次只显示一张商品图,顾客可点击左侧上下箭头浏览其他图片。

___2020-08-18___4.13.33.png

2. 滑鼠悬浮图片放大镜效果:将滑鼠轻移至商品图片上方,顾客即可放大查看图片细节。若想更近一步浏览,点击图片右下角放大按钮可以全萤幕检视商品图片。

___2020-08-18___4.15.20.png

3. 以分页呈现商品描述、送货及付款方式与顾客评价等资讯,让顾客可以快速找到所需资讯,并专注于阅读内容。

___2020-08-18___4.50.23.png 

 

三、各页面建议 Banner 尺寸

请记得使用图片压缩工具,让大图不会占用顾客太多网路流量导致网站读取速度过慢。

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

 

1. 进阶分页

如果是页首置顶 Banner,喜欢整个萤幕满版图片,可使用 1920 x 800 px。

1._varm_-_home_copy_8.png

 

如果不想占满整个萤幕,喜欢较窄的比例,推荐使用 1920x640px,会在桌机约占满 3/2 画面范围并露出一些下方资讯吸引用户往下卷动。

1._varm_-_home_copy_7.png

 

2.商品列表页

提供上传对齐商品的 Banner,商家可以利用此区块营造各个不同分类的情境和丰富度,建议Banner 高度不超过 400 px,让顾客在一进入商品列表页时,能稍微看到第一排商品。
___2020-08-18___4.43.10.png

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

 

 

 

 

 

还有其它问题?提交请求

评论