Nguyên tắc sử dụng thương hiệu đăng nhập

Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Dùng tính năng Đăng nhập bằng Google với phạm vi profile hoặc email cơ bản và kết hợp các nút tiêu chuẩn sau đây vào ứng dụng web hoặc ứng dụng dành cho thiết bị di động:

Kiểu Nút Tệp hình ảnh
Sáng

Bao gồm các nút đăng nhập ở định dạng PNG, SVG, EPS và Phác thảo ở nhiều độ phân giải. Bao gồm trạng thái cơ sở, di chuột và nhấn.

Tối

Tệp Outline, SVG và EPS có trong tệp tải xuống để bạn có thể dịch "Sign in with" or "Sign in" text. Những tệp này cần có phông chữ Roboto.

Nếu bạn yêu cầu thêm phạm vi, hãy thực hiện bằng cách cho phép nhiều quyền hơn (Android, iOS, web), chỉ nhắc người dùng cho phép khi họ bắt đầu tương tác với một tính năng yêu cầu quyền truy cập API.

Nếu bạn yêu cầu phạm vi YouTube, hãy sử dụng nút YouTube.

Nếu bạn sử dụng Dịch vụ trò chơi của Google Play, hãy xem thêm cả Nguyên tắc về thương hiệu đối với dịch vụ trò chơi của Google Play.

Đăng nhập bằng Google và các tuỳ chọn đăng nhập khác của bên thứ ba

Độ nổi bật tương đương

Nút Đăng nhập bằng Google phải được hiển thị ít nhất là nổi bật như các tùy chọn đăng nhập khác của bên thứ ba. Ví dụ: các nút phải có cùng kích thước và có hình ảnh tương đồng.

Phù hợp với phong cách ứng dụng của riêng bạn

Bạn nên sử dụng nút Đăng nhập bằng tài khoản Google tiêu chuẩn vì nút này cho phép người dùng Google nhanh chóng xác định tuỳ chọn của Google. Nếu bạn cần điều chỉnh nút này cho phù hợp với thiết kế ứng dụng hoặc dịch văn bản "Đăng nhập bằng" hoặc "Đăng nhập", hãy làm theo các nguyên tắc sau.

Kích thước

Bạn có thể điều chỉnh nút này trên các thiết bị và kích thước màn hình khác nhau (nếu cần), nhưng bạn phải giữ nguyên tỷ lệ khung hình để biểu tượng Google không bị kéo giãn.

Văn bản

Để khuyến khích người dùng nhấp vào nút này, bạn nên sử dụng văn bản lời kêu gọi hành động "Đăng nhập bằng Google" hoặc "Đăng ký bằng Google". Người dùng phải biết rõ rằng họ đang đăng nhập vào ứng dụng của bạn hoặc đăng ký ứng dụng bằng thông tin đăng nhập Google của họ, không đăng ký hoặc đăng ký Tài khoản Google trên ứng dụng của bạn.

"Google" Văn bản

Bạn có thể dùng từ "Google" chỉ mình nút đó xuất hiện trong nút nếu đi kèm với văn bản liền kề giúp làm rõ hành động này là gì. Ví dụ:

Đăng nhập bằng:

Màu

Nút đăng nhập bằng Google với nền màu xanh dương Nút đăng nhập bằng Google có nền trắng

Màu của nút sáng chưa nhấn là #FFFFFF (trắng). Màu của nút tối (màu xanh dương) chưa nhấn là #4285F4. Nền của nút có thể là màu xanh dương hoặc trắng, nhưng nút này phải luôn có màu chuẩn của Google "G" trên một ô màu trắng.

Phông chữ

Phông chữ của nút là Roboto Medium, phông chữ TrueType. Để cài đặt, trước tiên 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, bạn chỉ cần nhấp đúp vào Roboto-Medium.ttf rồi nhấp &"Cài đặt Phông chữ". Trên Windows, hãy kéo tệp tới "My Desktop" > "Windows" > "Fonts" directory. Đừng dùng các phông chữ khác trên nút này, trừ trường hợp đã lưu ý những trường hợp như Phù hợp với phong cách của ứng dụng.

Đối với các trang web sử dụng nút đăng nhập tùy chỉnh, bạn có thể tải phông chữ Roboto từ Google Fonts.

Khoảng đệm

Khoảng đệm ở bên trái (và bên phải) của văn bản phải là 8dp. Biểu tượng phải là 18dp và phải có 24dp giữa biểu tượng và văn bản của nút.

Hình ảnh minh họa kích thước của các thành phần của một nút, bao gồm cả khoảng đệm xung quanh văn bản.

Biểu tượng Google trong nút "Đăng nhập bằng Google"

Bất kể văn bản, bạn không thể thay đổi kích thước hoặc màu sắc của biểu tượng Google & quot; G" . Đây phải là phiên bản màu chuẩn và xuất hiện trên nền trắng. Nếu bạn cần tạo biểu trưng Google theo kích thước tùy chỉnh của riêng mình, hãy bắt đầu với bất kỳ kích thước biểu trưng nào có trong gói tải xuống.

Thiết kế nút không chính xác

Đừng sử dụng biểu tượng hoặc biểu trưng Google mà không có ranh giới nút và không có văn bản để cho biết hành động của người dùng.
Đừng sử dụng biểu tượng Google để thể hiện tính năng Đăng nhập bằng Google.
Không sử dụng phiên bản Google "G" tối hoặc sáng.
Không đặt biểu tượng màu chuẩn Google "G" trên nền màu.
Không tạo biểu tượng của riêng bạn cho nút.
Không sử dụng cụm từ "Google" chỉ dùng nút bên trong nút không có biểu tượng Google đi kèm.

Bạn không được phép sử dụng thương hiệu Google theo cách không được đề cập rõ ràng trong tài liệu này khi chưa có sự đồng ý trước bằng văn bản của Google (xem Nguyên tắc sử dụng đặc điểm thương hiệu Google của bên thứ ba để biết thêm thông tin).