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
徽章大小和間距
為求清晰易讀,徽章高度不得小於 24 像素。
如果是鎖定圖文標誌,請在 標誌。標誌與其他元素緊靠或重疊在一起。
Blockly 標誌的其他用途
未經 Blockly 團隊許可,請勿在你的應用程式、產品、服務或網站的整體名稱中搭配使用 Blockly 標記或 Blockly 標記的任何變體形式 (請透過電子郵件 blockly-support@google.com 提出許可申請)。請勿以可能的方式修改或使用 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) |
Neutral 700
#5f6368 或 hsla(213, 5%, 39%, 1) |
大小與間距
為求清晰易讀,標誌高度不得與高度搭配使用 大於 24 像素
至於鎖定圖文標誌,標誌周圍至少須有 1 倍高度搭配 2 倍高度的白色間距。標誌與其他元素緊靠或重疊在一起。
常見錯誤
請勿...
- 以任何方式變更或扭曲標誌
- 使用任何顏色 (白色) 的白色環形
- 變更顏色、形狀或角度
- 往任何方向旋轉或翻轉
- 修改比例、位置或刊登位置
- 將標誌換成其他字體
- 使用舊 Blockly 標誌 (現有使用應在方便時更新)
- 在對比度較低的背景上使用標誌 (例如在淺灰色背景上使用鏤空標誌)
- 標誌與其他元素重疊或緊靠
- 重新繪製標誌
- 在產品中使用其他 Google 品牌
如需其他 Google 品牌的使用指南,請前往 品牌使用許可網站。