Blockly의 코드는 오픈소스이며 저작자 표시 없이 무료로 사용할 수 있습니다.
하지만 Blockly를 사용하는 개발자는 웹사이트, 앱 또는 제품에서 제품을 참조하는 것이 좋습니다. 이 페이지에서는 Blockly를 언급하고 출처를 표시하는 권장사항과 로고의 적절한 사용에 대해 설명합니다.
Blockly를 언급하는 방법
텍스트로 Blockly 설명 및 출처 표시
단락에서 처음 언급할 때는 기본 한 줄 설명을 사용합니다.
Blockly는 Google의 오픈소스 개발자 라이브러리입니다. 드래그 앤 드롭 블록을 사용하는 시각적 프로그래밍 인터페이스를 만듭니다.
Blockly를 사용하는 다른 앱의 맥락에서 Blockly를 언급할 때는 'Built with Blockly'라는 문구를 사용해야 합니다.
Blockly 저작자 표시를 제공할 때는 블로그 게시물, 언론 인터뷰, 앱, 웹사이트에서 이 문구를 사용해야 합니다.
참조 권장사항 및 금지사항
권장 — Blockly를 '어린이 친화적' 대신 '초보자 친화적'이라고 부릅니다. Blockly는 다양한 애플리케이션에 사용되며, 그중 일부는 아동을 대상으로 하지 않습니다.
금지: Blockly를 언어로 언급합니다(예: '블록 기반 프로그래밍 언어'). Blockly는 언어가 아니라 개발자가 블록 기반 시각적 프로그래밍 인터페이스를 만드는 데 사용하는 라이브러리입니다.
Blockly를 시각적으로 표현하는 방법
로고로 Blockly 저작자 표시
앱 또는 웹사이트에 Blockly 저작자 표시를 제공하려면 배경색에 따라 다음 로고 중 하나를 사용하세요.
![]() |
![]() |
---|---|
겹쳐진 형태 또는 다양한 패턴이 있는 밝은 배경과 고대비의 어두운 단색 배경 (모양이나 패턴 없음) | 어두운 배경 속 겹쳐진 형태 또는 다양한 패턴 |
PNG SVG | PNG SVG |
배지를 Blockly 홈페이지(https://g.co/dev/blockly)에 하이퍼링크하세요.
배지 크기 및 간격
가독성을 위해 배지의 높이가 24px보다 작으면 안 됩니다.
락업의 경우 로고 주변에 적어도 x높이와 너비의 1배에 해당하는 공백을 두세요. 로고를 다른 요소와 겹치거나 바짝 붙이지 마세요.
Blockly 로고의 기타 용도
Blockly팀의 허가 없이 Blockly 마크 또는 Blockly 마크의 변형을 애플리케이션, 제품, 서비스 또는 웹사이트의 명칭과 함께 사용하지 마세요 (허가를 요청하려면 blockly-support@google.com으로 이메일을 보내세요). Blockly 마크를 혼란스럽거나 오해의 소지가 있는 방식으로 변경 또는 사용하면 안 되며 Blockly 브랜드가 귀사의 페이지에서 가장 눈에 띄도록 사용되어도 안 됩니다.
![]() |
표준 락업PPT 자료 및 블로그 게시물에는 표준 락업을 사용할 수 있습니다. 가능하면 로고를 항상 풀 컬러 로고마크 및 중립 700 (#5F6368) 또는 단색의 흰 로고 형식이 사용된 가로형 락업으로 표시해야 합니다. PNG SVG |
![]() |
![]() |
![]() |
---|---|---|
가로 공간이 부족할 경우 풀 컬러 로고마크 및 중립 700 (#5F6368) 또는 단색의 흰 로고 형식이 사용된 세로 락업을 사용할 수 있습니다. | 가로 및 세로 공간이 모두 부족할 경우 로고 형식 없이 로고마크만 단독으로 사용할 수 있습니다. | 로고마크의 색상과 배경의 대비가 낮을 경우 단색의 흰 녹아웃 버전을 사용하면 됩니다. |
PNG SVG | PNG SVG | PNG SVG |
로고 색상
Blockly blue
#4285f4 또는 hsla(217, 89%, 61%, 1) |
Blockly gray
#c8d1db 또는 hsla(212, 21%, 82%, 1) |
Neutral 700
#5f6368 또는 hsla(213, 5%, 39%, 1) |
크기 및 간격
가독성을 위해 로고의 높이가 24픽셀보다 작으면 안 됩니다.
락업의 경우 로고 주변에 적어도 x높이의 2배에 해당하는 공백을 두세요. 로고를 다른 요소와 겹치거나 바짝 붙이지 마세요.
일반적인 실수
금지사항
- 어떤 방식으로든 로고를 변경하거나 왜곡하지 마세요.
- 흰색을 제외한 색상의 흰색 녹아웃 사용
- 색상, 모양 또는 각도 변경
- 원하는 방향으로 회전하거나 뒤집기
- 비율, 위치 또는 배치 변경
- 로고를 다른 서체로 바꾸기
- 이전 Blockly 로고 사용 (기존 사용은 편리한 경우 업데이트해야 함)
- 낮은 명암의 배경에 로고 사용 (예: 밝은 회색 배경에 녹아웃 로고)
- 로고를 다른 요소와 겹치거나 바짝 붙임
- 로고를 다시 그림
- 귀사의 제품과 다른 Google 브랜드를 함께 사용
기타 Google 브랜드 사용법에 대한 가이드라인은 브랜드 권한 사이트를 참고하세요.