代表 Blockly 品牌

Blockly 的代码是开源的,无需署名即可免费使用。

但是,我们鼓励使用 Blockly 的开发者在其网站、应用或产品中引用该产品。本页介绍了引用 Blockly 和为其注明提供方的最佳实践,以及徽标的适当使用。

下载所有素材资源

如何指代 Blockly

在文本中描述和注明 Blockly

在一个段落中首次引用时,使用主要的一行描述:

Blockly 是 Google 的库,用于构建适合初学者的基于块的编程语言。

在其他使用 Blockly 的应用中指的是 Blockly 时,您应使用短语“Built on Blockly”作为开发者库的提供方。如果在构建应用时使用了其他工具或库,则可以使用“Built with Blockly”,但如果使用的主要库是 Blockly,则使用“Built on Blockly”。

在进行 Blockly 归因时,应该将此短语用于博文、新闻访谈、应用和您的网站。

参考资料的注意事项

正确做法 - 将 Blockly 命名为“适合新手”,而非“适合儿童”。Blockly 有多种用途,而且这些应用并非全部适合儿童。

错误做法 - 将 Blockly 称为“语言”(例如“基于块的编程语言”)。Blockly 不是一种语言,而是开发者用来构建语言的工具或库。

如何直观地表示 Blockly

如需在您的应用或网站中提供 Blockly 归因,请根据背景颜色使用以下任一徽标:

基于 Blockly White 构建 基于 Blockly 黑色构建 基于 Blockly Kockout 构建
适用于具有重叠形状或不同图案的浅色背景。 适用于具有重叠形状或不同图案的深色背景。 适用于具有高对比度的纯深色背景(无形状或图案)。
PNG SVG PNG SVG PNG SVG

未经 Blockly 团队许可,请勿将 Blockly 标记或 Blockly 标识的任何变体连同您的应用、产品、服务或网站的总名称(如需请求权限,请发送电子邮件至 blockly-support@google.com)。请勿以可能会造成混淆或误导的方式更改或使用 Blockly 标记,也不得将 Blockly 品牌标识用作您网页上最显眼的元素。

标准 Blockly 徽标

标准完整标识

标准完整标识可用于幻灯片材料和博文中。

应尽可能以水平组合的方式表示徽标,采用全彩色徽标和中性 700 (#5F6368) 或纯白色标识。

PNG SVG

垂直块状徽标 Blockly 徽标 Blockly Kockout 徽标
当横向空间有限时,可以使用垂直组合标识,采用全彩色徽标,采用中性 700 (#5F6368) 或纯白色标识。 当垂直和水平空间有限时,可以单独使用徽标,而无需显示标识。 当徽标的颜色与背景的对比度较低时,可以使用纯白色的消除效果。
PNG SVG PNG SVG PNG SVG

徽标颜色

街区蓝色

#4285f4 或 hsla(217, 89%, 61%, 1)

块状灰色

#c8d1db 或 hsla(212, 21%, 82%, 1)

中性 700

#5f6368 或 hsla(213, 5%, 39%, 1)

设置徽标内边距的高度参考

大小和间距

为确保清晰可辨,徽标的高度不得低于 24px。

对于完整标识,请在徽标周围提供至少 x 高 x 2 的空白空间。切勿将徽标与其他元素拥挤或重叠。

常见错误

错误做法

  • 以任何方式更改或扭曲徽标
  • 使用白色以外的任何颜色的白色反光图案
  • 更改颜色、形状或角度
  • 向任何方向旋转或翻转
  • 更改比例、位置或位置
  • 将标识替换为其他字体
  • 使用旧版 Blockly 徽标(现有用途应于方便时进行更新)
  • 在对比度较低的背景中使用徽标(例如,浅灰色背景中的淘汰徽标)
  • 将徽标与其他元素重叠或挤在一起
  • 重新绘制徽标
  • 将其他 Google 品牌元素与您的商品搭配使用

如需了解有关如何使用其他 Google 品牌的准则,请参阅品牌许可网站