Kiến Thức Website

Thiết kế web: Dùng icon và hình minh họa trên website sao cho đúng

  • 1.455 lượt xem
  • 4 phút đọc
  • 12 người đang xem
Nội dung bài viết

Icon và hình minh họa trên website là những chi tiết nhỏ nhưng ảnh hưởng tới cảm giác chuyên nghiệp và khả năng lướt nhanh của người đọc. Dùng đúng, chúng giúp khách hiểu nội dung trong một giây; dùng sai, chúng làm trang rối và tải chậm.

icon và hình minh họa trên website - SIKIDO

Tóm tắt nhanh

Hãy dùng một bộ icon duy nhất với cùng phong cách, luôn kèm nhãn chữ bên cạnh, và dùng hình minh họa cho những khái niệm trừu tượng như quy trình hay lợi ích. Icon và hình minh họa trên website không thay thế được ảnh thật của sản phẩm, cửa hàng và đội ngũ.

Bạn đang tìm hiểu icon và hình minh họa trên website? Xem dịch vụ thiết kế website và bảng giá thiết kế web của SIKIDO.

Icon dùng để làm gì?

Để đánh dấu các mục giống nhau: lợi ích, bước trong quy trình, danh mục dịch vụ, thông tin liên hệ. Chúng giúp mắt người đọc nhận ra cấu trúc trang mà không cần đọc hết chữ.

Luôn kèm nhãn chữ

Một biểu tượng ít khi tự giải thích được. Chiếc khiên có thể là bảo mật, bảo hành hay chất lượng. Hãy luôn có vài chữ bên cạnh icon, trừ những biểu tượng quá quen như kính lúp tìm kiếm hay giỏ hàng.

Dùng một bộ duy nhất

Trộn icon nét mảnh với icon tô đậm hoặc icon nhiều màu khiến trang nhìn chắp vá. Hãy chọn một bộ, một độ dày nét và một màu chủ đạo, dùng cho toàn website.

Hình minh họa khi nào hữu ích?

Khi cần diễn đạt điều không chụp ảnh được: quy trình làm việc, cách hoạt động của dịch vụ, so sánh hai lựa chọn. Hình minh họa cũng hữu ích cho trang chưa có ảnh thật.

Không thay thế ảnh thật

Trang sản phẩm, trang giới thiệu và trang dự án cần ảnh thật. Website toàn hình minh họa chung chung thường khiến khách nghĩ bạn chưa có hàng hoặc chưa có khách. Hãy ưu tiên ảnh thật ở những trang quyết định.

Kỹ thuật và tốc độ

Icon nên dùng định dạng vector để nét ở mọi kích thước và nhẹ. Hình minh họa cần nén lại trước khi đăng. Đừng dùng ảnh lớn cho một biểu tượng nhỏ, đây là lỗi làm chậm trang rất phổ biến.

Khả năng tiếp cận

Icon mang thông tin nên có mô tả thay thế để phần mềm đọc màn hình hiểu. Icon chỉ để trang trí thì nên để mô tả trống, tránh làm người dùng nghe lặp lại vô ích.

Bản quyền hình ảnh

Hãy dùng bộ icon và hình minh họa được phép sử dụng thương mại, hoặc do bạn tự làm. Lấy hình trên mạng không rõ nguồn có thể gây rủi ro về bản quyền về sau.

Xem thêm: Thiết kế web đẹp: 6 nguyên tắc.

Câu hỏi thường gặp về icon và hình minh họa trên website

Có nên dùng icon động không?

Hạn chế. Chuyển động liên tục gây mất tập trung và làm chậm máy cũ.

Tự làm icon hay dùng bộ có sẵn?

Bộ có sẵn thường đủ và nhất quán hơn. Tự làm chỉ cần khi thương hiệu có phong cách riêng rõ rệt.

icon và hình minh họa trên website: ba điểm cần nhớ

Về SIKIDO

SIKIDO là thương hiệu của Công ty TNHH SKD Group, làm thiết kế web, hosting và tên miền từ năm 2015 tại 36 Đường D5, Phường Thạnh Mỹ Tây, TP. Hồ Chí Minh. Web mẫu lấy giao diện trong kho giao diện không tốn phí thiết kế, web thiết kế riêng trọn gói 5.000.000 đồng, VAT 0%, bàn giao mã nguồn và hướng dẫn quản trị.

Kết luận về icon và hình minh họa trên website

Icon và hình minh họa trên website nên hỗ trợ nội dung, không thay chỗ của ảnh thật và cũng không làm trang nặng thêm. Nếu bạn cần hỗ trợ về icon và hình minh họa trên website, SIKIDO có thể tư vấn và thực hiện cùng bạn. Nếu bạn cần hỗ trợ về icon và hình minh họa trên website, SIKIDO có thể tư vấn và thực hiện cùng bạn. Liên hệ Zalo 0987 759 680 để SIKIDO tư vấn theo nhu cầu cụ thể của bạn.

Mẫu giao diện website tham khảo

Bấm vào nút "Xem mẫu này" để xem giao diện đầy đủ.

Nhà hàng Sikido Restaurant - mẫu website nhà hàng

Nhà hàng Sikido Restaurant

Giá: 2.500.000đ

Xem mẫu này →

Quán bún đậu mắm tôm Sikido - mẫu website nhà hàng

Quán bún đậu mắm tôm Sikido

Giá: 2.500.000đ

Xem mẫu này →

Nhà hàng món Việt Sikido - mẫu website nhà hàng

Nhà hàng món Việt Sikido

Giá: Liên hệ báo giá

Xem mẫu này →

Chia sẻ

Bài viết liên quan

TƯ VẤN MIỄN PHÍ
Cần website bán được hàng?

Kể cho chúng tôi nghe về việc kinh doanh của bạn, chuyên viên sẽ đề xuất giải pháp phù hợp ngân sách.

  • Thiết kế riêng hoặc chọn mẫu có sẵn
  • Chuẩn SEO, chạy nhanh trên điện thoại
  • Trả góp 0%, bảo hành trọn đời
Nhận tư vấn Hoặc gọi 0703 810 754
VÌ SAO CHỌN CHÚNG TÔI

10 lý do chọn SKD Group

Hơn 10 năm đồng hành cùng doanh nghiệp Việt — đây là những điều khách hàng nhắc tới nhiều nhất khi chọn chúng tôi.

01 Tư vấn miễn phí tất tần tật mọi nhu cầu website một cách chân thành.
02 Xây dựng chiến lược thực hiện chuyên nghiệp website từ A–Z.
03 Đã thiết kế website cho hơn 30 ngành nghề: y tế, giáo dục, vận tải, bất động sản, mỹ phẩm, thời trang, thực phẩm, tài chính, du lịch, dệt may…
04 Đội ngũ Account, thiết kế, lập trình, chăm sóc khách hàng giàu chuyên môn, chăm sóc mỗi khách hàng tận tâm nhất.
05 Đã thiết kế thành công đa dạng thể loại website: bán hàng, giới thiệu, tin tức, tuyển dụng, sự kiện…
06 Đảm bảo website vận hành nhanh chóng, ổn định, hiệu quả và chuẩn SEO.
07 Bàn giao 100% source code cho khách hàng.
08 Bàn giao tài khoản quản trị và hướng dẫn sử dụng, quản trị website.
09 Bảo hành vĩnh viễn khi khách hàng sử dụng hosting của chúng tôi.
10 Tham gia khóa học "Vận hành hệ thống Online" trị giá 6.348.000đ chỉ với 0 đồng.
Còn rất nhiều ưu đãi khi đến với chúng tôi. Chần chừ gì nữa — đăng ký sở hữu một website ngay bây giờ! Nhận tư vấn miễn phí

Đăng ký tư vấn

Chọn dịch vụ bạn quan tâm, chúng tôi sẽ liên hệ lại.