代表 Blockly 品牌

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

不過,我們建議使用 Blockly 的開發人員在網站、應用程式或產品中參照產品。本頁面說明參照 Blockly 及標明此標誌的最佳做法,以及該標誌的適當使用方式。

下載所有素材資源

如何參照 Blockly

在文字中說明及註明模特兒

在段落中首次參考時,請使用主要單行說明:

Blockly 是 Google 提供的程式庫,用於建構適合新手的區塊式程式設計語言。

在使用 Blockly 的其他應用程式中參照 Blockly 時,您應使用「Built on Blockly」詞組做為開發人員程式庫的歸因資訊。如果在建構應用程式時使用其他工具或程式庫,系統可能會使用「透過 Blockly 建構」字樣。但如果使用 Blockly 是主要程式庫,請使用「在 Blockly 建構」]。

指定 Blockly 歸因時,這個詞組應用於網誌文章、新聞報導、訪談、應用程式和網站。

參考資料的注意事項

建議做法 - 呼叫 Blockly「適合新手」 而不是「適合兒童」。Blockly 適用於各種應用程式,而非所有以兒童為主的應用程式。

錯誤做法 - 將 Blockly 稱為語言 (例如「區塊式程式設計語言」)。Blockly 不是語言,而是開發人員用來製作語言的工具或程式庫。

如何以視覺化方式表示 Blockly

如要在應用程式或網站中標示 Blockly 歸因,請依據背景顏色使用下列其中一種標誌:

以塊狀白色為建構基礎 以 Blockly Black 製成 以 Blockly 淘汰而成
適用於有重疊形狀或不同圖案的淺色背景。 適用於有重疊形狀或不同圖案的深色背景。 適用於具有高對比的純深色背景 (無形狀或圖案)。
PNG SVG PNG SVG PNG SVG

未經 Blockly 團隊的許可,請勿使用 Blockly 標記或任何變化版本,以及您的應用程式、產品、服務或網站的整體名稱 (請傳送電子郵件至 blockly-support@google.com 要求權限)。請勿以可能令人混淆或誤導的方式修改或使用 Blockly 標記,也切勿使用 Blockly 品牌做為頁面上最醒目的元素。

Standard Blockly 標誌

標準鎖定圖文標誌

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

標誌應盡可能以水平鎖定圖文標誌表示,並包含全彩標誌和中性 700 (#5F6368) 或純白色標誌。

PNG SVG

Blockly 垂直標誌 Blockly 標誌商標 Blockly King 標誌
在水平空間有限的情況下,可使用全彩標誌和中性 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 像素。

針對鎖定圖文標誌,標誌周圍至少要有 x 高度的 x2 空白空間,標誌與其他元素太過擁擠或重疊。

常見錯誤

請勿...

  • 以任何方式修改或扭曲標誌
  • 使用任何顏色但白色的白色圓圈
  • 變更顏色、形狀或角度
  • 朝任何方向旋轉或翻轉
  • 調整比例、位置或刊登位置
  • 將標誌替換成其他字體
  • 使用舊版 Blockly 標誌 (現有用途最好在方便時更新)
  • 置於對比度不佳的背景 (例如:在淺灰色背景上使用的淘汰標誌)
  • 將標誌與其他元素重疊或與標誌重疊
  • 重新繪製標誌
  • 將其他 Google 品牌與產品搭配使用

有關使用其他 Google 品牌的指南,請參閱品牌許可網站