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

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.

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

Cách đề cập đến Blockly

Mô tả và phân bổ Blockly trong văn bản

Khi tham chiếu đầu tiên trong một đoạn, hãy sử dụng nội dung mô tả chính một dòng:

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

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 cung cấp thuộc tính Blockly, cụm từ này nên được dùng cho bài đăng trên blog, các cuộc 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 khảo

Nên — Call Blockly "phù hợp với người mới bắt đầu" thay vì "thân thiện với 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 trình bày trực quan Blockly

Để 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:

Xây dựng trên nền màu trắng Blockly Xây dựng trên nền đen khối
Dành cho nền sáng có hình dạng chồng chéo hoặc hoa văn đa dạng và dành cho 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

huy hiệu khối Để đảm bảo dễ nhìn, bạn không nên sử dụng huy hiệu có chiều cao nhỏ hơn 24px.

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

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 nhau bằng tên chung của ứng dụng, sản phẩm, dịch vụ hoặc trang web mà không sự cho phép của nhóm Blockly (vui lòng gửi email tới blockly-support@google.com để quyền yêu cầu). Không được thay đổi hoặc sử dụng dấu Blockly theo cách có thể gây nhầm lẫn hoặc gây hiểu lầm và không bao giờ sử dụng thương hiệu Blockly làm thương hiệu nổi bật nhất trên trang của mình.

Biểu trưng Standard Blockly

Khoá tiêu chuẩn

Bả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.

Bất cứ khi nào có thể, biểu trưng nên được thể hiện dưới dạng một bản biểu trưng hoàn thiện nằm ngang 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.

PNG SVG
Biểu trưng dạng khối dọc Biểu trưng dạng khối Biểu trưng của Blockly loại bỏ
Khi không gian chiều ngang bị hạn chế, bạn có thể sử dụng phương thức khoá theo chiều 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 của biểu trưng có độ tương phản kém với nền, phiên bản loại trực tiếp màu trắng đồng nhất có thể được sử dụng.
PNG SVG PNG SVG PNG SVG

Màu biểu trưng

Màu xanh dương nhạt

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

Màu xám dạng 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 cho khoảng đệm của biểu trưng

Đị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 được chèn hoặc chồng biểu trư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 khung màu trắng bất kỳ màu nào 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 mục đích sử dụng hiện tại khi thấy 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)
  • Xếp chồng hoặc xếp chồng biểu trưng với các phần tử khác
  • 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 hướng dẫn về cách sử dụng các thương hiệu khác của Google, hãy xem Trang web Quyền thương hiệu.