Khi bạn đánh dấu (bookmark) 1 trang web, đôi khi sẽ thật khó mà nhớ tên website đó.
Khi quay lại để tìm trang web được đánh dấu, bạn sẽ thấy một biểu tượng nhỏ bên tên website. Bạn nhận ra biểu tượng và truy cập vào website đó
Biểu tượng này, được gọi là favicon, tuy nhỏ, nhưng nó có tác động đáng kể đến việc nhận diện thương hiệu.
Trong bài viết này, chúng ta sẽ cùng tìm hiểu Favicon là gì, cũng như cách thiết kế Favicon chuyên nghiệp !
TÓM LƯỢC BÀI VIẾT NÀY
Favicon là gì ?
Favicon là một hình ảnh biểu tượng nhỏ xuất hiện bên cạnh tên trang web hoặc thẻ tiêu đề của trang web !
Favicon có thể xuất hiện ở nhiều nơi, bao gồm:
- Tab trình duyệt
- Dấu trang
- Thanh công cụ
- Thanh tìm kiếm
- Tìm kiếm di động
Favicon là gì ? Cách thiết kế Favicon chuyên nghiệp
Biểu tượng nhỏ này là một thành phần thiết yếu trong thiết kế web .
Favicon thể hiện một hình ảnh đơn giản, dễ nhận biết kết nối với trang web, giúp tăng khả năng nhận diện thương hiệu hiệu quả !
Favicon đặc biệt hữu ích hơn nếu người dùng đánh dấu trang web của bạn và muốn quay lại, họ sẽ nhìn favicon để phân biệt với các trang web khác !
Rất nhiều công ty sử dụng một hình ảnh đơn giản, như logo, làm favicon cho website
Chúng ta hãy xem ví dụ thương hiệu Target. Target sử dụng logo : có hình dạng con mắt để làm favicon cho website, tạo tính thống nhất về nhận diện thương hiệu !
Wikipedia cũng là 1 ví dụ tiêu biểu ! Họ sử dụng chữ W tối giản để làm Favicon
Favicon là gì ? Cách thiết kế Favicon chuyên nghiệp
Nhìn các ví dụ trên chúng ta có thể thấy 1 favicon được thiết kế tốt cần mang tính trực quan, dễ nhớ, dễ xem !
Kích thước chuẩn của Favicon :
Kích thước là thông số cơ bản khi bạn muốn thiết kế bất kỳ 1 chi tiết đồ họa nào, Favicon cũng không ngoại lệ
Favicon thường hiển thị rất nhỏ nên bạn cần biết kích thước phù hợp để biểu tượng có được độ sắc nét cần thiết
Kích thước của Favicon sẽ khác nhau tùy thuộc vào trình duyệt hoặc nền tảng xây dựng website
Kích thước Favicon nên là bội số của tỷ lệ 48×48 (px)
Vì vậy, bạn có thể áp dụng kích thước 48×48(px) hoặc 144×144(px).
Tuy nhiên khi hiển thị trên trình duyệt hoặc các công cụ khác, favicon sẽ tự động thu về 16×16(px)
Nếu bạn sử dụng 1 số nền tảng xây dựng website đặc biệt. Ví dụ: WordPress yêu cầu kích thước 512 × 512 (px) cho favicon, trong khi Squarespace lại yêu cầu 300 × 300 (px)
Điều quan trọng cần nhớ là Favicon xuất hiện phổ biến trên các tab trình duyệt hoặc danh sách dấu trang.
Chúng cũng có thể xuất hiện trong danh sách các trang web được truy cập nhiều nhất ở phần tab trình duyệt, trong các trường hợp này Favicon sẽ hiển thị kích thước lớn hơn, vì vậy bạn cần thiết kế kích thước chuẩn cho nhiều trường hợp.
Favicon là gì ? Cách thiết kế Favicon chuyên nghiệp
Tại sao Favicon lại cần thiết khi thiết kế website ?
Favicon mang lại nhiều lợi ích cho website như :
Xây dựng nhận diện thương hiệu : Khi bạn sử dụng Favicon, mọi người sẽ nhìn thấy nó và quen thuộc hơn với thương hiệu bạn xây dựng. Khách hàng sẽ dễ dàng ghi nhớ thương hiệu của bạn sau này.
- Tăng độ uy tín : Trang web cần được làm chỉnh chu, và 1 trang web chỉnh chu không thể thiếu favicon. Favicon giúp website trông chuyên nghiệp hơn trên mạng !
- Favicons giúp tối ưu hóa công cụ tìm kiếm (SEO): Favicons giúp bạn tạo một trang web thân thiện với người dùng, đây là một thành phần thiết yếu trong SEO. Bạn cũng sẽ tăng khả năng nhận diện thương hiệu, điều này khuyến khích mọi người quay lại trang web của bạn và mua hàng !
- Favicon giúp người dùng nhận ra khi bookmark trang web: Biểu tượng nho nhỏ này giúp người dùng dễ dàng tìm thấy trang web của bạn khi họ đánh dấu trang. Mọi người không phải lúc nào cũng nhớ tên thương hiệu, nhưng họ dễ dàng nhận ra biểu tượng thương hiệu
- Favicon giúp người dùng dễ phân biệt trang web khi sử dụng nhiều tab trình duyệt: Mọi người thường mở nhiều tab trình duyệt cùng một lúc. Thay vì nhấp vào từng tab để tìm trang web của bạn, họ có thể nhận ra trang đó bằng favicon
Cách thiết kế Favicon đẹp và chuyên nghiệp :
Nếu bạn đang có ý định tạo ra 1 favicon cho website cũng như tăng nhận diện thương hiệu, hãy tham khảo các gợi ý sau :
01. Sử dụng không gian trắng 1 cách khôn ngoan :
Khi bạn tạo favicon, bạn cần tối ưu không gian. Bạn không muốn tạo một biểu tượng mà khoảng trắng xung quanh ít đến mức người dùng không thể nhìn thấy biểu tượng đó
Rất nhiều công ty sử dụng luôn thiết kế logo làm favicon cho trang web
Ý tưởng này rất tuyệt vời vì nó tạo ra sự thống nhất trong nhận diện thương hiệu, nhưng 1 số logo có kích thước quá dài theo chiều ngang hay chiều dọc, vì vậy không tối ưu để làm favicon
Nếu phải tạo một favicon mới, bạn sẽ cần tối ưu lại kích thước và không gian trắng !
02. Thiết kế đơn giản :
Khi bạn thiết kế favicon, hãy làm cho nó càng đơn giản càng tốt.
Một biểu tượng đơn giản kế bên trên trang web giúp khách hàng dễ nhớ, các thiết kế phức tạp, quá nhiều chi tiết hay màu sắc làm mất đi tính dễ nhớ !
Mục đích của favicon là củng cố thương hiệu của bạn với người dùng, giúp họ tìm ra website của bạn dễ dàng hơn trên trình duyệt
03. Phản ánh thương hiệu của bạn :
Khách hàng sẽ tìm kiếm website của bạn theo favicon trên các tab hoặc dấu trang.
Vì vậy, bạn càn phản ánh thương hiệu qua biểu tượng nhỏ bé này
Bệnh viện thú y Walbert là một ví dụ điển hình về cách gắn Favicon với cốt lõi thương hiệu !
Favicon là gì ? Cách thiết kế Favicon chuyên nghiệp
Favicon của Walbert là 2 dấu chân dễ thương của động vật, phản ánh rất rõ lĩnh vực hoạt động của bệnh viện thú ý
04. Sử dụng dịch vụ thiết kế :
Nếu bạn không có ý tưởng, thậm chí chưa có cả logo cho doanh nghiệp, bạn cần 1 dịch vụ thiết kế tốt để thực hiện việc này !
MnT Design là nơi cung cấp dịch vụ thiết kế logo nói riêng và nhận diện thương hiệu nói chung, phù hợp cho những thương hiệu mới thành lập
Thiết kế tại MnT Design luôn đảm bảo về mặt thẩm mỹ và phản ánh thương hiệu 1 cách hiệu quả.
Nếu bạn có nhu cầu về lĩnh vực này hãy liên hệ Hotline 078.5511.547 để được tư vấn kỹ lưỡng nhất !