用背景图功能做出更美观的二维码

一、功能介绍

在编辑二维码时,可以根据场景来设置对应的背景图,让二维码查看页面效果更好,更贴合实际效果。草料提供背景图库,可在图库中根据行业直接选择合适的图片上传,也可在本地上传实拍图或品牌图。扫码时会优先展示背景图片,可用作品牌形象露出。

上传的背景图片版式(横屏、竖屏)不同,会有不同的页面效果,可根据需求进行上传;同时支持应用背景图/配色至正文,使页面风格更加统一。

在设置背景图/配色时,可上传头部图片,保证背景氛围的同时,突出头部图片效果。

二、场景应用

1、上传横屏图片

横屏图片会全部展示在二维码头部,并自带60%的不透明度,不会影响标题的显示效果。上传的图片尺寸会自适应显示为二维码上。

可勾选“同时应用背景图至正文“功能,将背景图配色作为头部配色延伸到正文,使整个二维码页面色彩风格更统一。

横屏图片适用于二维码正文内容较多、带表单操作项、背景图片内容带有文字口号、产品/公司主体形象需要突出的场景。如:

  • 介绍产品详情时,可以将代表品牌的产品图片上传为背景图,并配色延伸到正文,更突出品牌形象。
  • 现场到访登记,可上传公司形象、文化风采等突出企业形象。
  • 巡检登记场景,可上传口号标语或情景图片,效果更深入人心。

扫描下方二维码可以体验页面效果

file

2、上传竖屏图片

竖屏图片会只有上部分展示在二维码头部,其他会被二维码内容被遮盖,可勾选“同时应用背景图至正文“功能,将完整的竖屏图片展示在二维码页面上,更具“氛围感”效果。

竖屏图片适用于二维码正文内容较少、文件码、背景图片带有环境背景、自带氛围感的场景。如:

  • 技术交底、招聘文件等文件码,可上传场景图片,主题图片等。
  • 会议邀请函、活动信息,可上传主题图片来突出主题。
  • 旅游宣传/行程相关海报,可上传景点相关图片或行程套餐相关配图提升二维码氛围感。

扫描下方二维码可以体验页面效果。

file

3、背景图/配色结合头图效果

在上传背景图时会自带不透明度,图片内容不够突出,或者希望在背景图的氛围上再增加主题效果。这时我们可以添加背景图/配色后,再上传头部图片来实现这种效果。

适用于头部图片是主题突出展示,正文内容用来解释说明主题的场景。如:

  • 产品标签,在头图中上传产品大图突出显示,正文是产品信息,可勾选配色延伸到正文,效果更统一。
  • 党政人员信息公示,在头图中上传人员照片,正文可查看人员信息和履职情况,进行公示。
  • 在头图中上传口号标语突出价值基调,如安全口号、会议主题宣讲。

扫描下方二维码可以体验页面效果。

file

三、如何设置

在编辑二维码页面,可以上传头部图片、背景图,设置二维码配色。

file

1、背景图

可在图库中根据行业选择合适图片,或本地上传实拍图或者品牌图,作为二维码背景图。默认勾选“背景图自动应用图片配色作为头部配色“,可根据喜好切换配色。

可根据二维码效果情况,选择是否勾选“同时应用背景图至正文“,使用统一配色效果。

file

2、头图

二维码头部上传图片内容,可选择图片样式为:留白、撑满、撑满置顶。当图片样式设置为撑满置顶时,可勾选设置置顶图片渐变处理效果。手机端展示效果更佳。

默认勾选“自动取第一张图片等配色作为二维码配色“,整体效果更佳。

file

3、设置二维码配色

根据二维码内容情景需要,如果找不到合适的背景图或头图,可为二维码设置配色,一般是纯色和渐变色。也可勾选“同时应用配色至正文背景”,来统一页面色彩。

file