Đại diện cho thương hiệu Blockly

Mã của Blockly là nguồn mở và miễn phí sử dụng mà không cần phân bổ.

Tuy nhiên, các nhà phát triển đang sử dụng Blockly nên tham khảo sản phẩm này trên trang web, ứng dụng hoặc sản phẩm của họ. Trang này mô tả các phương pháp hay nhất để tham chiếu đến Blockly và phân bổ khối đó cũng như cách sử dụng biểu trưng phù hợp.

Tải tất cả thành phần xuống

Cách tham chiếu đến Blockly

Mô tả và phân bổ một cách cố định trong văn bản

Trong lần tham chiếu đầu tiên của một đoạn văn, hãy dùng nội dung mô tả một dòng chính:

Blockly là một thư viện của Google dùng để xây dựng các ngôn ngữ lập trình dạng khối, thân thiện với người mới bắt đầu.

Khi tham chiếu đến Blockly trong bối cảnh của một ứng dụng khác sử dụng tính năng Blockly, bạn nên sử dụng cụm từ "Được xây dựng trên khối" làm mô hình phân bổ cho thư viện nhà phát triển. Bạn có thể sử dụng "Được tạo bằng Blockly" nếu dùng các công cụ hoặc thư viện khác để tạo ứng dụng. Tuy nhiên, bạn có thể sử dụng "Được xây dựng trên Blockly" nếu là thư viện chính được sử dụng.

Khi cung cấp thuộc tính chặn, bạn nên sử dụng cụm từ này cho các bài đăng trên blog, các cuộc phỏng vấn với báo chí, ứng dụng và trên trang web của bạn.

Việc nên làm và không nên làm khi tham chiếu

Nên – Gọi Blockly là "phù hợp với người mới bắt đầu" thay vì "phù hợp với trẻ em". Blockly được dùng cho nhiều ứng dụng, không phải ứng dụng nào cũng dành cho trẻ em.

Không nên – Tham khảo ngôn ngữ Blockly (ví dụ: "ngôn ngữ lập trình dạng khối"). Blockly không phải là một ngôn ngữ, mà là một công cụ hoặc thư viện mà các nhà phát triển dùng để tạo ra nhiều ngôn ngữ.

Cách trình bày khối (blockly) một cách trực quan

Để cung cấp thuộc tính Blockly 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:

Xây dựng trên nền trắng Blockly Được xây dựng trên nền tảng Blockly Black Được xây dựng dựa trên cơ sở hạ tầng Blockly
Dành cho nền sáng có hình dạng chồng chéo hoặc hoa văn đa dạng. Dành cho nền tối có các hình dạng chồng chéo hoặc hoa văn đa dạng. Dành cho nền tối màu đồng nhất (không có hình dạng hoặc hoa văn) có độ tương phản cao.
PNG SVG PNG SVG PNG SVG

Đừng sử dụng nhãn Blockly hoặc bất kỳ biến thể nào của nhãn Blockly cùng với tên chung của ứng dụng, sản phẩm, dịch vụ hoặc trang web 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 quyền). Đừng thay đổi hoặc sử dụng nhãn Chặn theo cách có thể gây nhầm lẫn hoặc gây hiểu lầm và đừng bao giờ sử dụng nhãn hiệu Có chặn làm thành phần nổi bật nhất trên trang.

Biểu trưng Standard Blockly

Bản biểu trưng hoàn thiện tiêu chuẩn

Bản biểu trưng hoàn thiện tiêu chuẩn có thể được sử dụng trong các bộ trang trình bày và bài đăng trên blog.

Bất cứ khi nào có thể, biểu trưng phải được biểu thị dưới dạng bản biểu trưng hoàn thiện theo chiều ngang với biểu trưng đủ màu và có màu trung tính 700 (#5F6368) hoặc biểu trưng màu trắng đồng nhất.

PNG SVG

Biểu trưng dọc theo khối Biểu trưng dạng khối Biểu trưng loại trực tiếp Blockly
Khi có không gian chiều ngang hạn chế, biểu trưng khoá dọc có thể được sử dụng với biểu trưng đủ màu và biểu trưng trung tính số 700 (#5F6368) hoặc biểu trưng màu trắng đồng nhất. Khi có không gian dọc và ngang bị hạn chế, biểu trưng có thể được sử dụng mà không cần kiểu biểu trưng. Khi màu của dấu biểu trưng có độ tương phản kém với nền, thì có thể sử dụng phiên bản màu trắng đồng nhất.
PNG SVG PNG SVG PNG SVG

Màu biểu trưng

Xanh khối

#4285f4 hoặc hsla(217, 89%, 61%, 1)

Xám khối

#c8d1db hoặc hsla(212, 21%, 82%, 1)

Bình thường 700

#5f6368 hoặc hsla(213, 5%, 39%, 1)

Tham chiếu chiều cao để đệm biểu trưng

Định kích thước và giãn cách

Để đảm bảo mức độ dễ nhìn, bạn không nên sử dụng biểu trưng có chiều cao nhỏ hơn 24px.

Đối với bản biểu trưng hoàn thiện, hãy cung cấp khoảng trắng tối thiểu với chiều cao x2 x2 xung quanh biểu trưng. Không được xếp chồng hoặc chồng lên biểu trưng với các thành phần khác.

Các lỗi phổ biến

Không được...

  • Thay đổi hoặc bóp méo biểu trưng theo bất kỳ cách nào
  • Sử dụng lớp phủ màu trắng với mọi màu trừ màu trắng
  • Thay đổi màu, 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 quảng cáo
  • Thay thế biểu trưng bằng một kiểu chữ khác
  • Sử dụng biểu trưng Blockly cũ (nên cập nhật biểu trưng hiện tại khi thuận tiện)
  • Sử dụng biểu trưng trên nền có độ tương phản kém (ví dụ: biểu trưng linh hoạt trên nền màu xám nhạt)
  • Trùng lặp hoặc xếp chồng biểu trưng với các thành phần khác
  • Vẽ lại biểu trưng
  • Sử dụng các thương hiệu khác của Google kết hợp với sản phẩm của bạn

Để biết hướng dẫn về cách sử dụng các thương hiệu khác của Google, hãy truy cập vào trang web về Quyền đối với thương hiệu.