Blockly のコードはオープンソースであり、アトリビューションなしで無料で使用できます。
ただし、Blockly を使用するデベロッパーには、ウェブサイト、アプリ、プロダクト内でこのプロダクトを参照することをおすすめします。このページでは、Blockly に言及して帰属させるためのベスト プラクティスと、ロゴの適切な使用方法について説明します。
Blockly を指す方法
テキストでの Blockly の説明と帰属表示
段落内で最初に言及するときは、以下の 1 行の主要な説明を使用します。
Blockly は、ブロックベースの初心者向けのプログラミング言語向けの Google のライブラリです。
Blockly を使用する別のアプリのコンテキストで Blockly に言及する場合は、デベロッパー ライブラリの帰属として「Built on Blockly」というフレーズを使用する必要があります。アプリのビルド時に追加のツールやライブラリを使用した場合は「Built with Blockly」を使用できますが、使用されているメイン ライブラリが Blockly である場合は「Built on Blockly」を使用します。
Blockly アトリビューションを提供する場合は、ブログ投稿、報道機関へのインタビュー、アプリ、ウェブサイトで使用する必要があります。
リファレンスの推奨事項と禁止事項
推奨 - Blockly と呼ぶ。「子ども向け」ではなく「初心者向け」としましょう。Blockly はさまざまな用途に使用されますが、そのすべてが子ども向けではありません。
非推奨 - Blockly を言語（たとえば、「ブロックベースのプログラミング言語」）として言及します。Blockly は言語ではなく、デベロッパーが言語を作成するために使用するツールやライブラリです。
Blockly を視覚的に表現する方法
ロゴによる Blockly への帰属表示
アプリまたはウェブサイトで Blockly アトリビューションを提供するには、背景色に応じて、次のいずれかのロゴを使用してください。
|
|
|
|---|---|---|
| 明るい背景用で、形状が重なっている、またはさまざまなパターンがある場合。 | 暗い背景用で、形状が重なっている、またはさまざまなパターンがある場合。 | 高コントラストで、無地で暗い背景（図形やパターンがない）の場合。 |
| PNG SVG | PNG SVG | PNG SVG |
Blockly ロゴのその他の使用方法
Blockly チームの許可なく、Blockly マークまたは Blockly マークのいかなるバリエーションをアプリ、プロダクト、サービス、またはウェブサイトの正式名称と組み合わせて使用しないでください（権限をリクエストするには、blockly-support@google.com までメールでお問い合わせください）。混乱や誤解を招くおそれのある方法で Blockly マークを変更したり使用したりしないでください。また、Blockly のブランドをページの最も目立つ要素として使用しないでください。
|
標準ロックアップ標準のロックアップは、スライド資料やブログ投稿で使用できます。 ロゴは可能な限り、フルカラーのロゴマークと無彩色の 700（#5F6368）ロゴまたは白一色のロゴを使用した横型のロックアップとして表示してください。 |
|
|
|
|---|---|---|
| 横方向のスペースに限りがある場合は、フルカラーのロゴマークとニュートラルな 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 高さ x 2 の空白スペースを確保します。ロゴを他の要素と密集させたり、重ねたりしないでください。
一般的なエラー
禁止事項
- ロゴを変更または変形させる
- 白以外の色の場合は白のノックアウトを使用する
- 色、形、角度を変更する
- 任意の方向に回転または反転します
- 比率、配置、配置を変更する
- ロゴタイプを別の書体に置き換える
- Blockly の旧ロゴを使用（必要に応じて既存の使用方法を更新）
- コントラストの低い背景でロゴを使用する（例: 明るいグレーの背景にノックアウトのロゴを使用する）
- ロゴを他の要素と重ねたり詰め込んだりする
- ロゴを再描画する
- 他の Google ブランドを商品と組み合わせて使用する
他の Google ブランドの使用方法のガイドラインについては、ブランド権限のサイトをご覧ください。