新手引导设计对于帮助新用户熟悉产品操作，了解产品特点十分重要。好的新手引导可以有效地降低用户的使用门槛，提升用户体验，并有效地实现新用户留存与转化。
信息类蒙层引导
框选区
箭头区
信息区
重点信息次要信息文案!
按钮区
我知道啦
遮罩层
遮罩层：
全屏覆盖，不透明度 80%、颜色 #000000
框选区：
- 范围框大小自定，为全圆角，虚线与圆角上下距离均为 5px；2. 如果展示内容为白色，提示框底为灰色，色值：#999999
颜色:#999999100%
箭头区：
箭头长度自定，紧挨虚线框，无间距，且与提示框居中
信息区：
- 信息文字与箭头长度距离为 10px，与按钮距离为 15px；2. 若文案右对齐，则按钮与文案右对齐；文案居中对齐，则按钮与文案居中对齐；左对齐同理；3. 重点信息文案色号：#FFE600，字号 18。其他文字色号：#000000，字号 16
按钮区：
按钮与文字距离为 15px，文案可更改。
5px
5pX
10px
素材快
打快捷入口, 发圈点击这里噢!
15px
颜色:#FFE600 字号: 18
我知道啦
星星：
星星和虚线间距如图 1；如左边放不下，请置于上方如图 2；也可以放在右边，如图 3。
案例示范：
Sketch
9:41AM
发圈素材
素材快捷入口, 发圈点击这里噢!
我知道啦
视频
图片
￥259.8
近期销量 2993
￥299
VIP
荷兰品牌进口税商品已包税
全球购儿童连衣裙夏装女童裙子 2019 新款
全球购
童装中大童公主裙洋气韩版小女孩
收藏
领券后至少可减￥40
领券
优惠
店铺满 299 减 20
平台满 199 减 10
5.22 心享日每满 200 减 15, 可跨店
跨店满减
分享
购买
省￥12.99
赚￥12.99
购物车
店铺
客服
9:41AM
Sketch
发圈素材
视频
图片
￥259.8
近期销量 2993
￥299
VIP
荷兰品牌进口税商品已包税
购儿童连衣裙夏装女童裙子
全球购
我知道啦
童装中大童公主裙洋气韩版小女
收藏
添加购物车, 也可立即自购省钱
哦!
领券后至少可减￥
领券
优惠
￥40
店铺
甫满 299 减 20
平台满 199 减 10
5.22 心享日
日每满 200 减 15, 可跨店
跨店满减
分享
购买
赚￥12.99
省￥8.88
店铺
客服
购物 
9:41AM
Sketch
发圈素材
视频
图片
￥259.8
近期销量 2993
￥299
VIP
荷兰品牌进口税商品已包税
球购儿童连衣裙夏装女童裙子 201 新
全球购
我知道啦
童装中大童公主裙洋气韩版小女孩
赚钱
更便捷哦!
分享强化,
领券后至少可减￥40
领券
优惠
店铺: 满 299 减 20
平台满 199 减 10
减 5.22 心享日每满 200 减 15, 可跨店
跨店满减
购买
分享
省￥12.99
赚￥8.88
购物车
店铺
客服
Sketch
$100%
9:41AM
斑马会员
会员积分: 1920
已为您节省 5568.90 元
绑定专属管家
每日_超低价促销信息
会员专区,
让您福利早知道!
我知道啦
592
商品收藏
优惠券
G 币
待评价
待付款
退款 / 售后
待发货
待收货
查看所有订单
的茶
茄
购物车
分享赚钱
个人中心
商城
Sketch
9:41AM
100%
99+
搜索你喜欢的宝贝
杭州
18:00
明日 10:00
明日
16:00
14:00
即将开抢
即特
抢购中
抢购中
抢购中
/ 月究圭 /
土 / Cun 八
钥洗面奶 110ml
满 100 元减 10
已售 56%
￥799
马上抢
￥599
赚￥50.00
鼎匠 1 战神系列护锅铲不粘锅专
用
只下单立减 60 元
已售 56%
￥799
马上抢
￥599
赚￥510
我知道啦
场次分享]啦
啦!
爆品秒杀支持
快点击试试吧!
纯棉亲肤
新品推荐
￥799
即将开抢
￥599999510.98
清爽型 / 滋润型
钥洗面奶 110ml
99 任选 5 件
购物车
分享赚钱
会员
个人中心 
Sketch
9:41AM
$100%
99+
从你的全世界路过再回…
已为您节省 5568.90 元
会员专区, 尊享会员权益
查看
12
万
优惠券
商品收藏
Gmp
[会员礼包
搬到这里啦!
更多好货都在会员专区!
我知道啦
待付款
待评价
退款 / 售后
待发货
查看所有订单
的茶
茄
购物车
个人中心
分享赚钱
商城
气泡 / 浮层类引导
气泡（不会自动消失）提示：
- 小气泡：颜色自定，最长为 253px，限制最多两行，气泡箭头方向可自由变动；
点击即可添加订阅, 您还可以收
接送机, 接送站全新上线~
到商品消息通知~
253px
您的余额不足啦, 点我快速充值
接送机, 接送站全新上线~
- 大气泡：按钮可自定颜色，箭头方向可自由变动，描述文案限定为 2 行；
案例:
标题
做任务, 赚积分
l 完善我的微信, 奖励 5 积分
描述当前状态, 信息和解决方
Il. 绑定专属管家, 奖励 5 积分
法. 描述文案最多为两行.
按钮
立即赚积分
气泡（会自动消失）提示：
为全圆角，可放置于距离底部 10 的位置，也可放置于距离头部 10 的位置。透明度为 70%，最长为 327px，高度为 36px，限制一行，图标大小为 24*24 以内
327Px
30px
上滑查看更多内容, 文案最多这里
24px
36px
上滑查看更多内容
案例:
案例示范：
Sketch
AM
100%
9:41
99+
斑马会员
做任务, 赚积分
会员积分: 1920
绑定专属管家, 奖励 5 积分
已为您节省 5568.90 元
立即赚积分
会员专区, 尊享会员权益
查看
592
12
商品收藏
G 币
优惠券
ZebraPrme
待付款
待评价
待发货
待收货
退款 / 售后
查看所有订单
阳时川想
M8
香
5 特型
购物车
分享赚钱
商城
个人中心
会员
Sketch
100%
9:41AM
斑马用车
杭州
东方威坨斯
塘
接送机, 接送站全新上线~
接送机
金石街
接送站
浙江科
产业大厦
2 分钟后上车
华星路
创业大厦
嘉绿苑公园
天苑花园
天苑大厦
一吸
您有 5 张优惠券
企业大厦
现在
预约
定位获取失败, 请手动输入
您想去哪里?
超值套餐,
上滑查看更多内容
手势类蒙层引导
静态手势引导：
主要依靠图片和文本指令，促使用户执行某个手势操作，并且简明地描述这个操作的结果。
钦 h
长按
上下滑动
轻触
左右滑动
双击
金 y.
购
O
缩小
放大
右滑
左滑
拖动
应用案例：
9:41AM
评价
详情
商品
推荐
促销
减满 99999.99 减 99999.99. 满 400 减 80
减 10, 满 99.99 减…
满 200 减 30C
112
满 99 件 9.9 折, 满 3 件 7.8 折, 满 4 件 6 折
轻触可缩小商品主图
退货无忧
保税区直邮,
白色
动态手势引导：
主要依靠动效，促使用户执行某个手势操作，并且简明地描述这个操作的结果。动效文案可改动。
点击 双击
左滑 右滑 左右滑
若有收获，就点个赞吧
0 人点赞
