Reprezentowanie marki Blockly

Kod Blockly jest dostępny na licencji open source i nie wymaga podawania źródła.

Zachęcamy jednak deweloperów, którzy używają Blockly, do podawania informacji o produkcie w swojej witrynie, aplikacji lub usłudze. Na tej stronie znajdziesz sprawdzone metody odnoszące się do Blockly i przypisania do niego, a także odpowiednie zastosowania logo.

Pobierz wszystkie zasoby

Jak odwołać się do Blockly

Opisywanie i przypisywanie Blockly w tekście

Przy pierwszym odwołaniu w akapicie użyj głównego, jednowierszowego opisu:

Blockly to biblioteka Google do tworzenia przyjaznych dla początkujących języków programowania blokowego.

Gdy odwołujesz się do Blockly w kontekście innej aplikacji, która używa Blockly, użyj wyrażenia „Built on Blockly” jako źródła biblioteki programisty. Elementu „Built with Blockly” można użyć, jeśli do jego utworzenia wykorzystano dodatkowe narzędzia lub biblioteki. Jeśli główną biblioteką jest Blockly, jest „Built on Blockly”.

Gdy stosujesz atrybucję Blockly, musisz używać tego wyrażenia w postach na blogu, w wywiadach prasowych, w aplikacji i na stronie internetowej.

Co robić, a czego nie należy robić

Tak – zmień ustawienie Blockly na „przyjazne dla początkujących”, a nie „przyjazne dla dzieci”. Blockly można używać w różnych aplikacjach, z których nie wszystkie są przeznaczone dla dzieci.

Nie – używaj Blockly jako języka (np. „języka programowania opartego na blokach”). Blockly nie jest językiem, ale narzędziem i biblioteką, za pomocą których programiści tworzą języki.

Jak wizualnie przedstawić Blockly

Aby przypisać atrybucję Blockly w aplikacji lub witrynie, użyj jednego z tych logo w zależności od koloru tła:

W kolorze Blockly w kolorze białym Na czerni Blockly Gry z kategorii Blockly
Przeznaczone dla jasnych tła, które nakładają się na siebie lub zawierają zróżnicowane wzory. Dla ciemnego tła o nakładających się kształtach lub różnych wzorach. Dla jednolitych ciemnych tła (bez kształtów ani wzorów) o wysokim kontraście.
PNG SVG PNG SVG PNG SVG

Nie używaj znaku Blockly ani żadnej jego wersji w połączeniu z ogólną nazwą aplikacji, produktu, usługi lub witryny bez zgody zespołu Blockly (aby poprosić o pozwolenie, wyślij e-maila na adres blockly-support@google.com). Nie wolno zmieniać ani używać znaku Blockly w sposób, który może być mylący lub wprowadzający w błąd. Nie wolno też używać marki Blockly jako najbardziej widocznego elementu na stronie.

Standardowe logo Blockly

Standardowy logo

Standardowe logo może być używane w prezentacjach i postach na blogu.

Jeśli to możliwe, logo powinno być wyświetlane w poziomie z kolorowym znakiem logo oraz neutralnym logotypem 700 (#5F6368) lub białym.

PNG SVG

Pionowe logo Blockly Znak logo Blockly Logo Blockly knockout
Jeśli miejsce w poziomie jest ograniczone, można zastosować pionową ikonę logo z pełnokolorowym znakiem logo i neutralnym logotypem 700 (#5F6368) lub białym logo. Jeśli miejsce w pionie i poziomie jest ograniczone, możesz użyć znaku logo bez logotypu. Jeśli kolor znaku logo ma słaby kontrast z tłem, możesz użyć jednolitego, białego, wyeliminowanego elementu.
PNG SVG PNG SVG PNG SVG

Kolory logo

Niebieski

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

szary blokowy

#c8d1db lub hsla(212; 21%; 82%; 1)

Neutralny 700

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

Odwołania do wysokości dopełnienia logo

Rozmiar i odstępy

Aby zachować czytelność, logo nie powinno mieć wysokości mniejszej niż 24 piksele.

W przypadku układów graficznych umieść wolną przestrzeń o wysokości co najmniej x x 2 × 2 wokół logo. Logo nie może się zasłaniać ani nachodzić na inne elementy.

Typowe błędy

Nie należy...

  • jakiekolwiek modyfikowanie lub zniekształcanie logo;
  • Możesz użyć białego przekształcenia w dowolnym kolorze, poza białym
  • Zmieniać kolor, kształt lub kąty
  • Obróć lub odwróć w dowolnym kierunku
  • Zmieniać proporcji, pozycji ani położenia
  • Zastępować czcionki w logotypie
  • Użyj starego logo Blockly (dotychczasowe sposoby wykorzystania należy zaktualizować w dogodnym momencie)
  • Używaj logo na słabo kontrastującym tle (np. logo z wyeliminowanym logo na jasnoszarym tle)
  • nakładanie się logo na inne elementy lub zasłanianie ich innymi elementami,
  • Ponownie narysuj logo
  • Używaj innych elementów marki Google w połączeniu z produktem

Wytyczne dotyczące używania innych marek Google znajdziesz na stronie uprawnień dotyczących marki.