代表 Blockly 品牌

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

不过,我们鼓励使用 Blockly 的开发者参考 在他们的网站、应用或产品中本页介绍了 提及 Blockly 和注明其归属的适当做法 对徽标的使用。

下载所有素材资源

如何引用 Blockly

在文本中描述和归因 Blockly

首次在段落中引用时,请使用主要的一行说明:

Blockly 是 Google 推出的一个库,用于构建基于块的初学者友好型 编程语言。

在使用 Blockly 的其他应用的上下文中提及 Blockly 应该使用短语“Built with Blockly”。

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

参考的注意事项

正确做法 - 将 Blockly 称为“适合初学者” 而不是“适合儿童”。Blockly 用于各种应用, 所有这些都是以儿童为中心

错误做法 - 将 Blockly 称为一种语言 (例如,作为“基于块的编程语言”)。Blockly 不是 它是一个库,供开发者用于构建基于块的可视化编程接口。

如何直观地表示 Blockly

如需在应用或网站中授予 Blockly 署名,请使用以下任一选项: 以下徽标,具体取决于背景颜色:

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

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

标志大小和间距

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

对于完整标识,请在徽标周围至少提供 徽标。请勿将徽标与其他元素堆积/堆叠在一起。

请勿将“Blockly”标记或“Blockly”标记的任何变体结合使用 包括您的应用、产品、服务或网站的完整名称 (请发送电子邮件至 blockly-support@google.com,发送至 请求权限)。请勿以可能导致以下情况的方式更改或使用 Blockly 标志 令人感到困惑或具有误导性;切勿将 Blockly 品牌宣传作为最显眼的 网页上的所有元素

Standard 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)

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

大小和间距

为确保清晰可辨,徽标不得使用高度 小于 24 像素。

对于完整标识,请在徽标周围至少提供 徽标。请勿将徽标与其他元素堆积/堆叠在一起。

常见错误

请勿...

  • 以任何方式更改或扭曲徽标
  • 使用白色以外的任何颜色的白色缺口
  • 更改颜色、形状或角度
  • 向任意方向旋转或翻转
  • 更改比例、位置或位置
  • 将标识替换为其他字体
  • 使用旧版 Blockly 徽标(请在方便时更新现有用途)
  • 在对比度较低的背景上使用徽标(例如,在浅灰色背景上使用撞色图案的徽标)
  • 使徽标与其他元素重叠或挤压
  • 重新绘制徽标
  • 将其他 Google 品牌元素与您的产品一起使用

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