Nguyên tắc thiết kế biểu trưng

Biểu trưng được định dạng và cắt đúng cách giúp tạo dựng uy tín cho nhân viên hỗ trợ, từ đó tăng mức độ tương tác của người dùng. Biểu trưng hiển thị không tốt sẽ làm giảm niềm tin vào một nhân viên hỗ trợ nhiều hơn so với việc không có thương hiệu nào. Do biểu trưng có thể ảnh hưởng mạnh mẽ đến nhận thức và mức độ sẵn sàng sử dụng của người dùng đối với một nhân viên hỗ trợ, nên bạn cần phải hiển thị biểu trưng của mình một cách hiệu quả.

Cắt biểu trưng để hiển thị dưới dạng hình tròn. Vì hình ảnh được xác định là hình chữ nhật, nên bạn cần kiểm tra để đảm bảo rằng biểu trưng của mình được cắt thành hình tròn một cách phù hợp. Bạn không cần tính đến độ dày của đường viền hiển thị xung quanh biểu trưng. Đường viền không chồng lên hình ảnh biểu trưng.

Cuộc trò chuyện trên Business Messages

Nên

Chừa đủ không gian trong hình ảnh để tính đến việc cắt.

Biểu trưng Business Messages
Biểu trưng có khoảng cách hợp lý
Biểu trưng Business Messages
Biểu trưng được cắt ngắn hợp lý trong bản minh hoạ với chú thích
Biểu trưng Business Messages
Biểu trưng được căn chỉnh khoảng cách hợp lý trong vòng tròn cắt
Biểu trưng Business Messages
Biểu trưng được cắt ghép mô phỏng hợp lý

Đặt biểu trưng cách đều tất cả các cạnh của hình ảnh để đảm bảo biểu trưng hiển thị đúng cách và đầy đủ.

Biểu trưng Business Messages
Biểu trưng có kích thước bằng nhau từ đường viền hình ảnh
Biểu trưng Business Messages
Biểu trưng có kích thước bằng nhau từ đường viền hình ảnh trong vòng tròn cắt

Không nên

Khi biểu trưng chiếm toàn bộ chiều cao và chiều rộng của hình ảnh, các phần của biểu trưng thường bị cắt bớt. Kết quả là một biểu tượng mất cân bằng, bị cắt không đúng cách và dễ gặp vấn đề về độ tin cậy.

Biểu trưng
Biểu trưng có định dạng không đúng cách
Biểu trưng Business Messages
Biểu trưng bị cắt xén không đúng cách trong bản mô phỏng
Biểu trưng Tin nhắn SMS đã xác minh
Biểu trưng có định dạng không đúng cách trong vòng tròn cắt xén

Tài nguyên

Hãy sử dụng các tài nguyên sau đây để giúp bạn thiết kế biểu trưng hoặc khắc phục sự cố.

Mẫu

Sử dụng mẫu biểu trưng hình tròn làm cơ sở cho biểu trưng của nhân viên hỗ trợ mà bạn tạo.

Tải xuống[PNG]   [SVG]

Công cụ xem trước biểu trưng

Nhập URL của biểu trưng để xem người dùng sẽ thấy biểu trưng như thế nào.