文档中心>云市场>服务商经营>服务商店铺页 Banner 设计规范

服务商店铺页 Banner 设计规范

最近更新时间:2020-08-12 10:45:22

我的收藏
云市场服务商店铺首页支持自定义修改 Banner,建议有需要的服务商自行设计替换,以突出本公司品牌形象,以下是相关设计规范。
注意
如果您不想自定义设计 Banner,云市场提供10个默认 Banner 样式供服务商自行选择使用。
Banner 位于页面顶部,用于传达中心主旨,或渲染氛围、烘托品牌调性。
Banner 一般由背景、配图、两侧渐变蒙版三部分组成。文字标题预留足够干净背景空位即可。
建议选用深色背景,且避免配图过于繁乱复杂,文字标题后台统一配置使用白色,以确保信息的可读性。
主图展示在右侧,整体是左文右图的展示结构。
建议按照1920 * 300px的尺寸设计 Banner,并以@2x的倍率输出 PNG 格式。
为兼顾各分辨率下的显示效果,大标题文字信息控制在12个字符内,副标题文字控制在20个字符内,背景配图最大不超过1440px的宽度范围。
自定义背景图时,需在配图两侧增加渐变蒙版,让配图与背景填充色#181C35衔接自然。
Banner 最终只需要输出背景图,无需带文字。
移动端 Banner,会在 PC 背景图的基础上,自动居中截图750px宽度的图片展示,不需要重新输出图片。
具体规范请参考下图所示,如需查看详情请下载 设计规范文档,下图按100%比例展示。