属性 Blockly

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

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

下载所有素材资源

如何引用 Blockly

在文本中描述 Blockly 并注明出处

在段落中首次提及时,使用主要单行说明:

Blockly 是 Google 提供的一款开源开发者库。 它创建了一个使用拖放式块的可视化编程界面。

在提及使用 Blockly 的其他应用时,您应使用短语“Built with Blockly”。

在提供 Blockly 署名时,应在博文、新闻访谈、应用和网站上使用此短语。

参考注意事项

Do - Call Blockly "beginner friendly" instead of "kid friendly." Blockly 可用于各种应用,但并非所有应用都以儿童为中心。

错误做法 - 将 Blockly 称为一种语言(例如,称为“基于块的编程语言”)。Blockly 不是一种语言,而是一个库,开发者可以使用它来创建基于块的可视化编程界面。

如何直观地表示 Blockly

如需在应用或网站中添加 Blockly 署名,请根据背景颜色使用以下徽标之一:

基于 Blockly 构建白色 基于 Blockly 构建的黑色主题
适用于浅色背景,与包含重叠元素的图形或其变体图案一同显示;也适用于具有高对比度的纯深色背景(无图形或图案)。 适用于深色背景,与包含重叠元素的图形或其变体图案一同显示。
PNG SVG PNG SVG

请将徽章超链接到 Blockly 的首页:https://g.co/dev/blockly

徽章尺寸和间距

Blockly 徽章 为确保清晰可辨,徽章的高度不得低于 24 像素。

使用完整标识时,请确保徽标四周留白的宽度/高度至少为小写字母 x 的宽度/高度。请勿将徽标与其他元素拥挤/堆叠在一起。

未经 Blockly 团队许可,请勿在您的应用、产品、服务或网站的整体名称旁使用 Blockly 标志或 Blockly 标志的任何变体形式(如需申请许可,请发送电子邮件至 blockly-support@google.com)。请勿以可能会造成混淆或误解的方式更改或使用 Blockly 标志;严禁将 Blockly 品牌元素呈现为您的页面上最显眼的元素。

标准 Blockly 徽标

标准完整标识

标准组合徽标可用于幻灯片材料和博文中。

请尽可能以水平组合的方式呈现徽标,其中图标为全彩色,字标为中性 700 (#5F6368) 或者纯白色。

PNG SVG
Blockly 竖直徽标 Blockly 标志 Blockly 镂空徽标
当横向空间有限时,可以使用竖直组合徽标,其中图标为全彩色,字标为中性 700 (#5F6368) 或者纯白色。 在竖向和横向空间都有限的情况下,可以单独使用图标,无需显示字标。 当图标的颜色与背景之间的对比度较低时,可以使用纯白色的镂空版本。
PNG SVG PNG SVG PNG SVG

徽标颜色

Blockly 蓝色

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

Blockly 灰色

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

中性 700

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

用于填充徽标的高度参考值

大小和间距

徽标的高度不得低于 24 像素,以方便辨识。

使用完整标识时,请确保徽标四周留白的宽度/高度至少为小写字母 x 的两倍。请勿将徽标与其他元素拥挤/堆叠在一起。

常见错误

请勿…

  • 以任何方式更改或扭曲徽标
  • 使用任意颜色(白色除外)的白色镂空效果
  • 更改颜色、形状或角度
  • 向任何方向旋转或翻转徽标
  • 更改比例、位置或布置
  • 将品牌标志替换为其他字体
  • 使用旧版 Blockly 徽标(现有使用情况应在方便时更新)
  • 在对比度较低的背景上使用徽标(例如,在浅灰色背景上使用镂空徽标)
  • 将徽标与其他元素堆叠/拥挤在一起
  • 重新绘制徽标
  • 将其他 Google 品牌元素用在您的产品中

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