Mã của Blockly là mã nguồn mở và miễn phí sử dụng mà không cần phải ghi công.
Tuy nhiên, chúng tôi khuyến khích các nhà phát triển đang sử dụng Blockly tham chiếu đến sản phẩm trong trang web, ứng dụng hoặc sản phẩm của họ. Trang này mô tả chính xác nhất để tham chiếu đến Blockly và phân bổ mã đó cũng như phù hợp việc sử dụng biểu trưng.
Cách tham chiếu đến Blockly
Mô tả và phân bổ Blockly trong văn bản
Trong lần tham chiếu đầu tiên trong một đoạn văn bản, hãy sử dụng nội dung mô tả chính gồm một dòng:
Blockly là một thư viện nguồn mở dành cho nhà phát triển của Google. Công cụ này tạo ra một giao diện lập trình trực quan sử dụng các khối kéo và thả.
Khi đề cập đến Blockly trong ngữ cảnh của một ứng dụng khác sử dụng Blockly bạn nên dùng cụm từ "Được xây dựng bằng Blockly".
Khi phân bổ cho Blockly, bạn nên sử dụng cụm từ này cho các bài đăng trên blog, bài phỏng vấn báo chí, ứng dụng và trên trang web của bạn.
Những việc nên làm và không nên làm khi tham chiếu
Nên – Gọi Blockly là "dành cho người mới bắt đầu" thay vì "dành cho trẻ em". Blockly được dùng cho nhiều ứng dụng, chứ không phải tất cả đều dành cho trẻ em.
Không nên — Tham khảo ngôn ngữ của Blockly (ví dụ: "ngôn ngữ lập trình dựa trên khối"). Blockly không phải là ngôn ngữ lập trình, đó là một thư viện được nhà phát triển sử dụng để tạo giao diện lập trình trực quan dựa trên khối.
Cách thể hiện Blockly bằng hình ảnh
Phân bổ Blockly bằng biểu trưng
Để cung cấp thuộc tính Chặn trong ứng dụng hoặc trang web của bạn, vui lòng sử dụng một trong các biểu trưng sau, tuỳ thuộc vào màu nền:
![]() |
![]() |
---|---|
Đối với nền sáng có các hình dạng hoặc hoa văn chồng chéo nhau, cũng như đối với nền tối đồng nhất (không có hình dạng hoặc hoa văn) có độ tương phản cao. | Dành cho nền tối có hình dạng chồng chéo hoặc hoa văn đa dạng. |
PNG SVG | PNG SVG |
Vui lòng siêu liên kết huy hiệu đến trang chủ của Blockly: https://g.co/dev/blockly
Kích thước và giãn cách huy hiệu
Để đảm bảo khả năng đọc, bạn không nên sử dụng huy hiệu có chiều cao nhỏ hơn 24px.
Đối với các kiểu khoá, hãy cung cấp ít nhất chiều cao x và chiều rộng x1 khoảng trắng xung quanh biểu trưng. Không bao giờ đặt biểu trưng chồng lên nhau hoặc chồng lên các thành phần khác.
Các cách sử dụng khác của biểu trưng Blockly
Không được sử dụng nhãn hiệu Blockly hoặc bất kỳ biến thể nào của nhãn hiệu Blockly cùng với tên tổng thể của ứng dụng, sản phẩm, dịch vụ hoặc trang web của bạn khi chưa được nhóm Blockly cho phép (vui lòng gửi email đến blockly-support@google.com để yêu cầu cấp phép). Không được thay đổi hoặc sử dụng nhãn Blockly theo cách có thể gây nhầm lẫn hoặc hiểu lầm, đồng thời không bao giờ sử dụng thương hiệu Blockly làm thành phần nổi bật nhất trên trang của bạn.
![]() |
Khóa tiêu chuẩnBản biểu mẫu này có thể được dùng trong các bản trình bày và bài đăng trên blog. Biểu trưng phải được thể hiện dưới dạng một hình ảnh khoá ngang với biểu trưng đủ màu và kiểu chữ biểu trưng trung tính 700 (#5F6368) hoặc màu trắng đồng nhất. PNG SVG |
![]() |
![]() |
![]() |
---|---|---|
Khi không gian chiều ngang bị hạn chế, bạn có thể sử dụng phương thức khoá dọc có biểu trưng đủ màu và mã 700 trung tính (#5F6368) hoặc màu trắng đồng nhất biểu trưng. | Khi không gian theo chiều dọc và chiều ngang bị hạn chế, biểu trưng có thể được sử dụng mà không cần biểu trưng. | Khi màu sắc của biểu trưng có độ tương phản kém với nền, bạn có thể sử dụng phiên bản màu trắng trơn. |
PNG SVG | PNG SVG | PNG SVG |
Màu biểu trưng
Màu xanh dương Blockly
#4285f4 hoặc hsla(217, 89%, 61%, 1) |
Màu xám dạng khối
#c8d1db hoặc hsla(212, 21%, 82%, 1) |
Neutral 700
#5f6368 hoặc hsla(213, 5%, 39%, 1) |
Định kích thước và giãn cách
Để đảm bảo tính dễ đọc, bạn không nên sử dụng biểu trưng có chiều cao nhỏ hơn 24 px.
Đối với khoá, hãy cung cấp khoảng trắng tối thiểu là x-height x2 xung quanh biểu trưng. Không bao giờ đặt biểu trưng chồng lên nhau hoặc chồng lên các thành phần khác.
Lỗi phổ biến
Đừng...
- Thay đổi hoặc bóp méo biểu trưng theo bất kỳ cách nào
- Sử dụng hiệu ứng loại bỏ màu trắng ở bất kỳ màu nào ngoại trừ màu trắng
- Thay đổi màu sắc, hình dạng hoặc góc
- Xoay hoặc lật theo hướng bất kỳ
- Thay đổi tỷ lệ, vị trí hoặc vị trí đặt
- Thay thế biểu trưng bằng một kiểu chữ khác
- Sử dụng biểu trưng cũ của Blockly (nên cập nhật các cách sử dụng hiện có khi thuận tiện)
- Sử dụng biểu trưng trên nền tương phản kém (ví dụ: biểu trưng loại trực tiếp trên nền xám nhạt)
- Biểu trưng bị chồng chéo hoặc bị các thành phần khác che khuất
- Vẽ lại biểu trưng
- Sử dụng thương hiệu khác của Google cùng với sản phẩm
Để biết nguyên tắc về cách sử dụng các thương hiệu khác của Google, hãy xem trang web về Quyền về thương hiệu.