代表 Blockly 品牌

Blockly 的程式碼是開放原始碼,不需註明出處,即可免費使用。

不過,我們仍鼓勵使用 Blockly 的開發人員 在網站、應用程式或產品中展示產品本頁將說明 提及 封鎖,並在其中進行歸因的做法 標誌的各種用途

下載所有素材資源

如何參照 Blockly

在文字中說明並歸因於區塊

第一次參照段落時,使用主要的單行說明:

Blockly 是 Google 的程式庫,適合新手使用的方塊式結構 程式設計語言

在採用 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 標記 混淆或誤導使用者,並且絕不使用封鎖式品牌宣傳元素 。

Standard Blockly 標誌

標準鎖定圖文標誌

標準鎖定圖文標誌可用於簡報和網誌文章。

標誌應盡可能以橫向鎖定圖文標誌呈現 帶有全彩標誌,且中性 700 (#5F6368) 或純白 標誌類型。

PNG SVG
Blockly Vertical 標誌 Blockly 標誌 Blockly 淘汰標誌
在水平空間有限的情況下,可使用垂直鎖定圖文標誌 帶有全彩標誌和中性 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 品牌的使用規範,請參閱 品牌許可網站