Blockly 的代码是开源的,可免费使用,无需署名。
不过,我们还是鼓励使用 Blockly 的开发者在其网站、应用或产品中提及该产品。本页介绍了 提及 Blockly 和注明其归属的适当做法 对徽标的使用。
如何引用 Blockly
在文本中描述和归因 Blockly
首次在段落中引用时,请使用主要的一行说明:
Blockly 是 Google 的一个开源开发者库。 它创建了一个使用拖放块的可视化编程接口。
在使用 Blockly 的其他应用的上下文中提及 Blockly 应该使用短语“Built with Blockly”。
在提供 Blockly 归因时,应在博文、新闻访谈、应用和网站上使用此短语。
参考文档的注意事项
正确做法 - 将 Blockly 称为“适合初学者” 而不是“适合儿童”。Blockly 用于各种应用, 所有这些都是以儿童为中心
不建议:将 Blockly 称为语言(例如,“基于块的编程语言”)。Blockly 不是 它是一个库,供开发者用于构建基于块的可视化编程接口。
如何直观地表示 Blockly
使用徽标表示 Blockly
如需在应用或网站中授予 Blockly 署名,请使用以下任一选项: 以下徽标,具体取决于背景颜色:
![]() |
![]() |
---|---|
适用于具有重叠形状或不同图案的浅色背景,以及具有高对比度的纯深色背景(无形状或图案)。 | 适用于深色背景,与包含重叠元素的图形或其变体图案一同显示。 |
PNG SVG | PNG SVG |
请将徽章超链接至 Blockly 首页:https://g.co/dev/blockly
标志大小和间距
徽章的高度不得低于 24 像素,以方便辨识。
对于完整标识,请在徽标周围至少提供 徽标。请勿将徽标与其他元素拥挤/堆叠在一起。
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) |
方块灰
#c8d1db 或 hsla(212, 21%, 82%, 1) |
中立 700
#5f6368 或 hsla(213, 5%, 39%, 1) |
大小和间距
为确保清晰可辨,徽标不得使用高度 小于 24 像素。
对于完整标识,请在徽标周围至少提供 徽标。请勿将徽标与其他元素拥挤/堆叠在一起。
常见错误
错误做法:
- 以任何方式修改或扭曲徽标
- 使用白色以外的任何颜色的白色缺口
- 更改颜色、形状或角度
- 向任意方向旋转或翻转
- 更改比例、位置或位置
- 将徽标替换为其他字体
- 使用旧版 Blockly 徽标(请在方便时更新现有用途)
- 在对比度较低的背景上使用徽标(例如,在浅灰色背景上使用镂空徽标)
- 使徽标与其他元素重叠或挤压
- 重新绘制徽标
- 将其他 Google 品牌元素与您的产品一起使用
有关如何使用其他 Google 品牌的准则,请参阅 品牌许可网站。