设计建议
该页面包含横幅设计的建议。 请注意,图像尺寸被缩小。
字体
-
横幅上的字体高度不得超过:
-
140 Pixel,如果文本在横幅中的占比不超过 10%。
-
104 Pixel,如果文本在横幅中的占比不超过 15%。
-
88 Pixel,如果文本在横幅中的占比不超过 25%。
-
64 Pixel,如果文本通过一行展示。
-
40 Pixel,如果文本通过两行展示。
-
30 Pixel,如果文本通过三行展示。
-
-
徽标、消息、图形和免责声明的最小字体大小为 22 Pixel, 包装和产品照片及屏幕截图除外。
横幅文本和元素的布置
横幅边缘与文本之间必须至少相距 20 Pixel。 文本和其他横幅元素不能与安全区域重叠。
安全区域的大小:
-
标签:70 × 30。
-
三点:42 × 42。
在下面的示例中,安全区域以红色突出显示。 为了精确投放元素,请参考它们的像素尺寸。
徽标大小
品牌、产品或技术徽标占用的空间不得超过 28% 的横幅空间。
背景颜色
不建议使用:
-
在五彩缤纷且包含大量小元素的复杂背景下展示文本。 文本必须与背景形成对比且易于阅读。
-
黄色背景,因为标准 Yandex 页面设计元素使用这种颜色。 可接受使用 #F0E5AD 及以上色号的黄色。
动画持续时间
-
请勿使用闪烁横幅或分散用户注意力的横幅元素。
-
横幅元素可能变化,但每两秒不能超过一次。
-
在定格画面上,横幅必须展示主广告消息。
-
HTML5 横幅可以为 View again 按钮设置特写,以重新启动动画场景。 HTML5 横幅可以是交互式横幅并可响应鼠标移动和/或横幅点击,以便更改横幅图像,对操作做出响应。
横幅上的界面元素
-
横幅不得模仿用户界面元素,如 Windows 系统对话框。
-
横幅不得包含并非用于执行适用功能的标准用户界面元素(光标、搜索栏、按钮等)。
-
请勿在界面元素中使用黄色,因为标准 Yandex 页面设计元素使用这种颜色。 可接受使用 #F0E5AD 及以上色号的黄色。
年龄限制
如果需要对横幅应用年龄限制:
-
我们建议将其置于横幅的右下角。
-
字体:Arial regular,12 pt。
-
颜色:#DADADA。
备注
如果灰色限制不可读取(例如,因使用多色背景所致),请在下方添加白色背景层。
应用商店按钮或徽章
-
按钮或徽章的最大尺寸:高 80 px,宽 280 px。
-
请勿使用黄色作为按钮或徽章颜色,因为标准 Yandex 页面设计元素使用这种颜色。 可接受使用 #F0E5AD 及以上色号的黄色。
-
横幅边缘与按钮之间必须至少相距 20 Pixel。
-
应用商店徽章必须遵守与徽标相同的要求。
其他建议
字体可读性
在审核过程中,90% 的拒绝案例因字体可读性差导致。
-
在 HTML5 中尽量避免使用分数坐标对齐字体,因为这可能会导致文本“模糊”(您需要在所有主流浏览器中查看文本)。
-
我们建议使用矢量字体。
提示
如果无法使用矢量字体,请在横幅大小限制范围内,将文本块保存为最佳质量的位图。
-
在某些情况下,矢量字体也可能有些“模糊”。 以下几种原因可能导致这种效果:
-
字体较小。
-
字体风格复杂(例如,衬线字体)。
-
字体不适用于网络,或者最初针对标题和大字体开发。
您可以通过多种方法解决字体“模糊”的问题,包括矢量字体:
-
增加字体大小。
-
选择更简单的字体。
-
使用适用于网络和小字体的字体。
-
避免特殊效果和修饰
字体和文本框修饰(阴影、笔划、3D 效果)可能会妨碍展示消息。
减少使用的字体数量
-
最多使用两种字体和字体风格。
-
最多使用三种字体颜色。
以上两项要求不适用于:
-
品牌、产品或技术徽标。
-
通知、免责声明或强制性法律信息。
-
时代标记字体。
-
图像中的字体。
请勿使用低品质的图像或照片
-
包含压缩伪影。
-
模糊或过度清晰。
选择主消息
请勿试图在窄横幅填充大量细节。 使用简练而清晰的措辞,以便即刻理解您的消息。
大处着眼
-
请勿使用包含大量小元素的小对象图像。
-
如果包含大量小细节,请勿使用照片作为横幅背景。
强制性法律信息格式设置
文本应该具有高对比度且易于阅读。 最小字体大小为 22 px。 信息必须在屏幕上保持至少 3 秒钟。
可能的格式设置选项:
自动滚动,同时支持手动滚动
用户与横幅交互之前,必须保证所需的信息(如银行名称和法律实体、促销优惠条款等)清晰可见。
分割成多个画面
强制性信息单独投放到不同的画面中:
-
首先展示促销广告系列日期。
-
其他信息投放到“法律信息”栏下,支持在鼠标悬停时查看。
注意
投放横幅时,强制性信息画面必须展示至少三秒钟。
画面定格数秒并暂停控制
强制性信息画面必须展示至少 3 秒钟。 用户必须可以选择使用暂停按钮查看其余信息。 如果用户未点击暂停,将继续播放横幅动画。
画面定格和悬停
法律信息必须至少展示三秒钟,悬停鼠标可进一步延长展示时间。
有问题吗?
注意
我们的客服部门只能就您提供的账户名里的广告系列提供咨询。 您可以通过在另一个浏览器标签页中打开 ya.ru 来查看您的用户名。 我们的团队只有在处理您的请求时才能访问您的数据。