电商Banner设计尺寸执行规范

电商Banner设计尺寸执行规范一、总则规范（一）适用范围。本规范适用于公司所有电商平台Banner设计、制作与执行环节，涵盖但不限于首页焦点图、活动专题页、商品详情页等场景。（二）基本原则。设计尺寸执行必须遵循标准化、统一化、高效化原则，确保视觉呈现与平台技术要求严格匹配。（三）管理职责。市场部为Banner设计尺寸规范的归口管理部门，设计中心负责具体执行，技术部负责平台适配验证，各业务单元需配合提供内容需求。二、尺寸标准体系（一）通用标准。全平台通用Banner尺寸必须严格遵循以下标准：1.960×540像素（16:9宽高比），适用于PC端全屏焦点图2.728×90像素（8:1宽高比），适用于横幅广告位3.300×250像素（12:10宽高比），适用于内容页中插广告4.300×600像素（1:2宽高比），适用于手机端竖版广告（二）平台差异化。各电商平台需根据其技术特性制定差异化尺寸规范：1.淘宝平台特殊要求。首页焦点图建议尺寸980×540，支持自动播放GIF格式，动图帧率限制15fps2.京东平台特殊要求。活动专题页Banner统一采用1000×500规格，要求72dpi分辨率3.微信小程序规范。Banner广告位强制要求640×300尺寸，不支持透明底（三）响应式适配。自2024年7月1日起，所有新设计Banner必须支持响应式适配，需提供以下三套尺寸组合：1.1920×1080/1280×720/960×540（PC端多尺寸适配）2.750×1334/640×1136/320×480（手机端多尺寸适配）3.1080×1920（竖屏场景）三、色彩与格式规范（一）色彩系统。全平台Banner设计必须统一使用公司VI色系统，主色代码为：1.标准红E60000，使用比例不超过30%2.主品牌蓝0071C5，使用比例不超过40%3.辅助色FFD700（金色），用于促销信息强调（二）文件格式。根据投放场景选择以下格式：1.静态广告：JPG格式，压缩率控制在60%-70%2.动态广告：GIF格式，文件大小不超过500KB3.视频广告：MP4格式，分辨率不低于1080P（三）透明度要求。所有Banner设计必须预留透明底图层，透明度值统一设置为80%不透明度四、内容排版标准（一）文字规范。所有Banner必须符合以下文字要求：1.标题字体：思源黑体简体，字号不小于24pt2.正文字体：微软雅黑，字号不小于16pt3.字体颜色：主标题使用E60000，正文使用333333（二）布局原则。必须遵循"图文左对齐"原则，具体要求：1.图片居中放置时，四周留白宽度不得小于10px2.文字块与图片间距不得小于15px3.关键信息必须放置在视觉焦点区域内（画面中心30%区域内）（三）信息层级。Banner信息层级必须按照以下顺序呈现：1.标题信息（最上方）2.促销信息（标题下方）3.行动号召（最下方）4.二维码（右下角固定位置）五、技术执行要求（一）切图规范。所有Banner设计必须提供完整切图标注，包括：1.主体区域切图坐标2.交互元素切图坐标3.透明底图层切图坐标（二）代码兼容性。所有动态Banner必须通过以下测试：1.在Chrome、Firefox、Edge最新版浏览器兼容性测试2.在iPhone12/13/14系列手机兼容性测试3.在华为P50/Mate50系列手机兼容性测试（三）加载优化。所有Banner文件必须满足以下加载要求：1.首屏加载时间不超过3秒2.动态广告帧率不低于15fps3.图片压缩后基线宽度不得低于200KB六、审批与发布流程（一）设计提报。所有Banner设计必须通过以下流程提报：1.设计中心提交设计初稿及切图标注2.市场部进行品牌合规性审核3.技术部进行技术可行性评估（二）修改机制。设计修改必须遵循以下规则：1.重大修改需重新走完整审批流程2.轻微修改需在系统留痕记录3.修改次数超过3次需启动设计评审会（三）发布管理。Banner发布必须符合以下要求：1.每次发布需填写《Banner发布登记表》2.关联历史版本存档至品牌管理系统3.发布后72小时内进行效果监测七、附则说明（一）版本管理。本规范自2024年1月1日起实施，每年6月30日进行一次全面修订。（二）解释权。本规范由市场部负责解释，设计中心负责执行监督。（三）配套文件。本规范配套以下文件执行：1.《公司VI色系统使用手册》2.《电商平台广告技术规范》3.《Banner设计评审流程》八、违规处理（一）尺寸错误。因尺寸错误导致广告被拒，每次罚款500元，连续3次取消设计权限。（二）格式违规。因格式错误导致广告效果下降，每次罚款1000元，并需重新设计。（三）内容违规。因内容违反品牌规范，每次罚款2000元，直接解除设计合同。九、术语表（一）响应式适配：指广告设计能根据不同设备屏幕尺寸自动调整布局的技术（二）切图标注