Der Code von Blockly ist Open-Source und kann kostenlos ohne Namensnennung verwendet werden.
Wir empfehlen jedoch Entwicklern, die Blockly verwenden, um auf die auf ihrer Website, in ihrer App oder in ihrem Produkt. Auf dieser Seite werden Best Practices für die Erwähnung und die Quellenangabe von Blockly sowie die angemessene Verwendung des Logos beschrieben.
Wie kann ich auf Blockly verweisen?
Blockly im Text beschreiben und zuordnen
Verwenden Sie bei der ersten Erwähnung in einem Absatz die primäre einzeilige Beschreibung:
Blockly ist eine Open-Source-Entwicklerbibliothek von Google. Es erstellt eine visuelle Programmierschnittstelle mit Drag-and-drop-Blöcken.
Wenn ich auf Blockly im Kontext einer anderen App spreche, in der Blockly verwendet wird sollten Sie den Satz „Built with Blockly“ verwenden.
Wenn Sie Blockly eine Attribution zuweisen, sollte dieser Satz für Blogposts verwendet werden. Presseinterviews, in der App und auf Ihrer Website.
Empfohlene und zu vermeidende Vorgehensweisen
Empfohlen: Beschreiben Sie Blockly als „einsteigernfreundlich“, nicht als „kinderfreundlich“. Blockly wird für eine Vielzahl von Anwendungen verwendet, die nicht alle auf Kinder ausgerichtet sind.
Falsch – Beziehen Sie sich auf Blockly als Sprache. (z. B. als „blockbasierte Programmiersprache“). Blockly ist keine Sprache, sondern eine Bibliothek, mit der Entwickler eine blockbasierte visuelle Programmieroberfläche erstellen.
Blockly visuell darstellen
Blockly mit einem Logo versehen
Verwenden Sie je nach Hintergrundfarbe eines der folgenden Logos, um Blockly in Ihrer App oder auf Ihrer Website zu nennen:
![]() |
![]() |
---|---|
Für helle Hintergründe mit überlappenden Formen oder verschiedenen Mustern und für einfarbig dunkle Hintergründe (keine Formen oder Muster) mit hohem Kontrast. | Für dunkle Hintergründe mit überlappenden Formen oder verschiedenen Mustern. |
PNG SVG | PNG SVG |
Bitte verlinken Sie das Badge auf die Blockly-Startseite: https://g.co/dev/blockly
Größe und Abstand von Logos
Aus Gründen der Lesbarkeit sollten Logos nicht mit einer Höhe von weniger als 24 Pixeln verwendet werden.
Bei Lockups muss um das Logo ein Weißraum von mindestens X × Höhe und X × Breite vorhanden sein. Das Logo darf sich nicht mit anderen Elementen überlagern oder überlagern.
Andere Verwendungen des Blockly-Logos
Die Blockly-Marke oder eine Variante der Blockly-Marke darf nicht ohne Genehmigung des Blockly-Teams in Verbindung mit dem Gesamtnamen Ihrer Anwendung, Ihres Produkts, Ihres Dienstes oder Ihrer Website verwendet werden. Bitte senden Sie eine E-Mail an blockly-support@google.com, um eine Genehmigung anzufordern. Ändern oder verwenden Sie das Blockly-Logo nicht auf eine Weise, die verwirrend oder irreführend sein könnte. Verwenden Sie das Blockly-Branding auch nicht als das auffälligste Element auf Ihrer Seite.
![]() |
Standard-LockupDas Standardlogo mit Claim kann in Präsentationen und Blogposts verwendet werden. Das Logo sollte nach Möglichkeit als horizontales Logo mit Claim dargestellt werden. mit vollfarbigem Logo und neutralem 700-Grad-Bild (#5F6368) oder durchgängig weiß Logo. PNG SVG |
![]() |
![]() |
![]() |
---|---|---|
Wenn der horizontale Platz begrenzt ist, kann ein vertikales Logo mit Claim verwendet werden. mit vollfarbigem Logo und neutralen 700-Farben (#5F6368) oder durchgängig weiß Logo. | Wenn nur wenig vertikaler und horizontaler Platz vorhanden ist, kann das Logosymbol auch ohne den Schriftzug verwendet werden. | Wenn die Farbe des Logos einen schlechten Kontrast zum Hintergrund hat, kann eine durchgehend weiße Version verwendet werden. |
PNG SVG | PNG SVG | PNG SVG |
Logofarben
Blaugrau
#4285f4 oder hsla(217, 89%, 61%, 1) |
Grau (grau)
#c8d1db oder hsla(212, 21%, 82%, 1) |
Neutral – 700
#5f6368 oder hsla(213, 5%, 39%, 1) |
Größe und Abstand
Um die Lesbarkeit zu gewährleisten, sollte das Logo nicht mit einer Höhe verwendet werden, kleiner als 24 Pixel ist.
Bei Lockups sollte um den Logo. Das Logo darf niemals andere Elemente überlagern oder überlagern.
Häufige Fehler
Folgendes ist nicht zulässig:
- Das Logo in irgendeiner Weise verändern oder verzerren
- Verwenden Sie die weiße Aussparung in einer anderen Farbe als Weiß.
- Farbe, Form oder Winkel ändern
- In jede Richtung drehen oder kippen
- Proportionen, Positionierung oder Platzierung ändern
- Logotyp durch eine andere Schriftart ersetzen
- Das alte Blockly-Logo verwenden (bestehende Verwendungen sollten bei Gelegenheit aktualisiert werden)
- Verwenden Sie das Logo auf einem Hintergrund mit wenig Kontrast (z. B. das exklusive Logo auf einem hellgrauen Hintergrund).
- Logo überlappen oder überladen mit anderen Elementen
- Logo neu zeichnen
- Anderes Google-Branding in Verbindung mit Ihrem Produkt verwenden
Richtlinien zur Verwendung anderer Google-Marken findest du in der Website für Markenberechtigungen