Nguyên tắc sử dụng thương hiệu của Google Lớp học

Tài liệu này trình bày cách sử dụng tên, biểu trưng và biểu tượng của Google Lớp học. Nếu bạn có câu hỏi khác, vui lòng tham khảo bài viết Các quyền đối với thương hiệu của Google tổng quát hơn.

Nguyên tắc sử dụng biểu tượng

Khi bạn tích hợp với Lớp học, hãy luôn sử dụng biểu tượng Lớp học (thay vì biểu trưng Google). Đảm bảo biểu tượng Google Lớp học hiện đầy đủ và rõ ràng. Bạn có thể sử dụng biểu tượng có hoặc không có văn bản đi kèm "Google Lớp học". Nếu bạn đang sử dụng biểu tượng Lớp học cùng với các biểu trưng khác, hãy đảm bảo mỗi biểu trưng có khoảng cách phù hợp để dễ đọc.

Kích thước

Biểu tượng Lớp học có nhiều kích thước, từ 32 đến 96 pixel. Bạn có thể điều chỉnh tỷ lệ biểu tượng cho các thiết bị và kích thước màn hình khác nhau nhưng phải duy trì tỷ lệ khung hình để biểu trưng không bị kéo giãn.

Biểu trưng hình vuông của Lớp học

Tải biểu trưng hình vuông xuống

Biểu trưng hình tròn của Lớp học

Tải biểu trưng hình tròn xuống

Mô tả lớp học

Khi sử dụng biểu tượng Lớp học, bạn có thể thêm tên đầy đủ là "Google Lớp học" hoặc phiên bản ngắn "Lớp học".

Ví dụ về các nút:

Ví dụ về nút

Ví dụ về khoảng đệm:

Ví dụ về khoảng đệm

Khi nói về lớp trên Google Lớp học, hãy dùng một trong các cụm từ sau (lưu ý rằng "lớp học" không được viết hoa):

  • Lớp học trong Google Lớp học (ví dụ: "Chọn từ các lớp Google Lớp học của bạn")
  • Các lớp trong Lớp học (ví dụ: "Chọn trong số các lớp trong Lớp học của bạn")
  • Mời qua Google Lớp học
  • Chia sẻ với Google Lớp học
  • Chia sẻ lên Google Lớp học

Không dùng những cụm từ sau:

  • Google Lớp học
  • Lớp học trên Google
  • Lớp học trên Google
  • Lớp Google
  • Mời sử dụng Google Lớp học

Mô tả sản phẩm hoặc ứng dụng của chính bạn

Nếu sản phẩm của bạn tương thích với Google Lớp học, hãy tham khảo Google Lớp học bằng cách sử dụng văn bản "dành cho", "để sử dụng với" hoặc "tương thích với" và đảm bảo bao gồm biểu tượng TM cùng nhãn hiệu của Google. Ví dụ: "dành cho Google Lớp họcTM"

Ví dụ về biểu trưng

Nếu bạn đang đề cập đến một nhãn hiệu của Google cùng với biểu trưng của mình, thì văn bản tham chiếu nên có kích thước nhỏ hơn biểu trưng của bạn.

Ví dụ về biểu trưng

Sử dụng ảnh chụp màn hình

Để minh hoạ hoặc cung cấp thông tin, bạn có thể sử dụng ảnh chụp màn hình tiêu chuẩn, không thay đổi. Để biết thêm thông tin chi tiết, hãy xem bài viết Quyền đối với thương hiệu của Google chung.

Phân bổ giá trị đóng góp phù hợp

Hãy cung cấp cho Google thông tin phân bổ thích hợp về mọi trường hợp sử dụng nhãn hiệu trong tiêu đề ứng dụng hoặc trong phần mô tả của bạn. Ví dụ: Google Lớp học là nhãn hiệu của Google Inc. Việc sử dụng nhãn hiệu này phải tuân thủ Quyền đối với thương hiệu của Google.

Phông chữ

Sử dụng Roboto Bold, một phông chữ TrueType.

Để cài đặt, hãy tải phông chữ Roboto xuống và giải nén gói tải xuống.

  • Trên máy Mac, hãy nhấp đúp vào phông chữ Roboto-Bold.ttf, rồi nhấp vào "Cài đặt phông chữ".
  • Trên Windows, kéo tệp vào thư mục "My Computer" > "Windows" > "Fonts".

Màu sắc

Ví dụ về màu và biểu tượng

  • Biểu tượng kiểu cũ
    • Màu xanh lục của biểu tượng Google Lớp học là #25A667
    • Màu vàng của biểu tượng Google Lớp học là #F6BB18
    • Màu trắng của biểu tượng Google Lớp học là #FFFFFF
    • Màu phụ màu xanh lục của người dùng bên trái và bên phải trong biểu tượng Google Lớp học là #57BB8A
  • Biểu tượng tối
    • Màu đen của biểu tượng Google Lớp học là #000000
    • Màu trắng của biểu tượng Google Lớp học là #FFFFFF
    • Màu phụ màu xám của người dùng bên trái và bên phải trong biểu tượng Google Lớp học là #57BB8A
  • Biểu tượng đèn
    • Màu xanh lục của biểu tượng Google Lớp học là #25A667
    • Màu vàng của biểu tượng Google Lớp học là #F6BB18
    • Màu phụ màu xanh lục của người dùng bên trái và bên phải trong biểu tượng Google Lớp học là #57BB8A

Trạng thái di chuột

Khi di chuột, biểu tượng sẽ được tô bóng bằng 20% màu đen.

Ví dụ về trạng thái di chuột

Thiết kế biểu trưng không chính xác

  • Không sử dụng màu khác với màu được chỉ định cho biểu tượng.
  • Không sử dụng biểu tượng Google để đại diện cho Google Lớp học.
  • Đừng tạo biểu tượng của riêng bạn cho nút.
  • Đừng chỉ sử dụng từ "Google" trong nút không có biểu tượng Google Lớp học.
  • Ví dụ về thiết kế nút không chính xác trong Google Lớp học:

Ví dụ về cách sử dụng sai

Tuyệt đối không dùng biểu trưng Google có màu trong nút. Luôn đưa biểu tượng Google Lớp học vào ở bên trái nút. Đừng thay đổi phông chữ của nút.