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 署名,请根据背景颜色使用以下徽标之一:
![]() |
![]() |
---|---|
适用于浅色背景,与包含重叠元素的图形或其变体图案一同显示;也适用于具有高对比度的纯深色背景(无图形或图案)。 | 适用于深色背景,与包含重叠元素的图形或其变体图案一同显示。 |
PNG SVG | PNG SVG |
请将徽章超链接到 Blockly 的首页:https://g.co/dev/blockly
徽章尺寸和间距
为确保清晰可辨,徽章的高度不得低于 24 像素。
使用完整标识时,请确保徽标四周留白的宽度/高度至少为小写字母 x 的宽度/高度。请勿将徽标与其他元素拥挤/堆叠在一起。
Blockly 徽标的其他用途
未经 Blockly 团队许可,请勿在您的应用、产品、服务或网站的整体名称旁使用 Blockly 标志或 Blockly 标志的任何变体形式(如需申请许可,请发送电子邮件至 blockly-support@google.com)。请勿以可能会造成混淆或误解的方式更改或使用 Blockly 标志;严禁将 Blockly 品牌元素呈现为您的页面上最显眼的元素。
![]() |
标准完整标识标准组合徽标可用于幻灯片材料和博文中。 请尽可能以水平组合的方式呈现徽标,其中图标为全彩色,字标为中性 700 (#5F6368) 或者纯白色。 PNG SVG |
![]() |
![]() |
![]() |
---|---|---|
当横向空间有限时,可以使用竖直组合徽标,其中图标为全彩色,字标为中性 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 品牌的准则,请访问品牌使用许可网站。