屬性 Blockly

Blockly 的程式碼是開放原始碼,可免費使用,無須標示出處。

不過,我們還是鼓勵使用 Blockly 的開發人員在網站、應用程式或產品中引用這項產品。本頁面說明如何參照 Blockly 並標明出處,以及如何適當使用標誌的最佳做法。

下載所有素材資源

如何參照 Blockly

在文字中說明並標示 Blockly

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

Blockly 是 Google 提供的開放原始碼開發人員程式庫。 它會建立使用拖曳式區塊的視覺程式設計介面。

在使用 Blockly 的其他應用程式中提到 Blockly 時,請使用「Built with Blockly」詞組。

在提供 Blockly 歸屬資訊時,請在網誌文章、新聞訪談、應用程式和網站上使用這句話。

參考資料的注意事項

正確 — 呼叫 Blockly「適合新手」 而不是「兒童友善」。Blockly 可用於各種應用程式,並非所有應用程式都以兒童為目標對象。

不建議:將 Blockly 視為一種語言 (例如「以區塊為基礎的程式設計語言」)。Blockly 並不是 是開發人員用來建立區塊式視覺程式設計介面的程式庫。

如何以視覺化方式呈現 Blockly

如要在應用程式或網站中提供封鎖歸因功能,請使用 每個標誌 (視背景顏色而定):

以 Blockly 白色為基礎 以塊狀黑積木打造
適用於具有重疊圖形或不同圖樣的淺色背景,以及具有高對比的深色背景 (沒有圖形或圖樣)。 適用於具有重疊形狀或不同圖案的深色背景。
PNG SVG PNG SVG

請將徽章超連結至 Blockly 首頁:https://g.co/dev/blockly

徽章大小和間距

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

標誌顏色

Blockly 藍

#4285f4 或 hsla(217, 89%, 61%, 1)

區塊灰色

#c8d1db 或 hsla(212, 21%, 82%, 1)

Neutral 700

#5f6368 或 hsla(213, 5%, 39%, 1)

標誌邊框間距的高度參考值

大小與間距

為求清晰易讀,標誌高度不得與高度搭配使用 大於 24 像素

至於鎖定圖文標誌,標誌周圍至少須有 1 倍高度搭配 2 倍高度的白色間距。標誌與其他元素緊靠或重疊在一起。

常見錯誤

請勿...

  • 以任何方式變更或扭曲標誌
  • 使用任何顏色 (白色) 的白色環形
  • 變更顏色、形狀或角度
  • 往任何方向旋轉或翻轉
  • 修改比例、位置或刊登位置
  • 將標誌換成其他字體
  • 使用舊 Blockly 標誌 (現有使用應在方便時更新)
  • 在對比度較低的背景上使用標誌 (例如在淺灰色背景上使用鏤空標誌)
  • 標誌與其他元素重疊或緊靠
  • 重新繪製標誌
  • 在產品中使用其他 Google 品牌

如需其他 Google 品牌的使用指南,請前往 品牌使用許可網站