7 lời khuyên của chuyên gia về biểu tượng Web đặt ra cách sử dụng và lợi ích
- Jeff Roscher: nó thêm kiểu dáng đơn giản đẹp mà khách hàng thấy hiện đại và hấp dẫn
- Rachel Foley: một cách hợp lý để truy cập thư viện biểu tượng đồ sộ một cách dễ dàng
- Andrew Ruditser: khi Font Awesome được nâng cấp, chúng tôi cũng vậy
- Jeff Romero: nó làm cho tốc độ của trang nhanh hơn nhiều
- Vance: đặc biệt tốt khi bạn không có nhà thiết kế trong nhóm của mình
- Sunny Ashley: đơn giản, sạch sẽ và có thể nhận ra ngay lập tức đối với khách truy cập mới
- Burak zdemir: Biểu tượng Feather không gây ra kích thước DOM quá mức
Bạn đang tự hỏi về việc sử dụng một bộ biểu tượng cho trang web của bạn và chọn cái nào? Những lời khuyên của chuyên gia có thể chỉ thuyết phục bạn về những gì nhiều nhà phát triển web chuyên nghiệp đã biết: tìm kiếm các biểu tượng từ một bộ biểu tượng đi kèm dễ dàng hơn nhiều so với tìm từng biểu tượng và tìm cách làm cho chúng phù hợp với nhau.
Chúng tôi đã hỏi cộng đồng về những lời khuyên tốt nhất của họ về việc sử dụng các bộ biểu tượng và rất nhiều người trong số họ đồng ý sử dụng bộ biểu tượng Font Awesome phổ biến, tuy nhiên đó không phải là bộ biểu tượng duy nhất có sẵn trên thị trường.
Bạn đang sử dụng bộ biểu tượng nào? Hãy cho chúng tôi biết trong ý kiến!
Bạn đang sử dụng một biểu tượng cụ thể được thiết lập cho trang web của bạn? Bạn có đang sử dụng Font Awesome cho một mục đích sử dụng cụ thể (ví dụ: với Shopify, cho một bản tin, ...)? Nếu vậy, tại sao bạn sử dụng nó, và kinh nghiệm của bạn với bộ biểu tượng là gì? Bạn đã sử dụng CDN của họ, bạn có nhận thấy sự cải thiện nào cho việc sử dụng của mình không?Jeff Roscher: nó thêm kiểu dáng đơn giản đẹp mà khách hàng thấy hiện đại và hấp dẫn
Chúng tôi sử dụng Font Awesome tại eWorkOrder.com. Nó là một phần của cả trang web tiếp thị và phần mềm của chúng tôi dưới dạng dịch vụ (SAAS), một hệ thống quản lý bảo trì máy tính (CMMS). Trên trang tiếp thị của chúng tôi, nó bổ sung kiểu dáng đơn giản đẹp mắt mà khách hàng tiềm năng thấy hiện đại và hấp dẫn. Chúng tôi đã thêm các đường viền thú vị và các sự kiện di chuột để làm cho chúng tương tác và thú vị hơn. Đối với khách hàng của chúng tôi, các biểu tượng Font Awesome được sử dụng làm dấu hiệu trực quan bên trong các trường nhập để giúp xác định loại dữ liệu nào cần nhập, như biểu tượng lịch trong trường ngày, phong bì trong trường địa chỉ email hoặc biểu tượng điện thoại trong lĩnh vực cho một số điện thoại. Chúng được sử dụng trên các nút chức năng, như chỉnh sửa, sao chép và in.
Các biểu tượng được sử dụng để cung cấp thông tin trực quan nhanh về dữ liệu như biểu tượng cảm thán màu đỏ bên cạnh đơn đặt hàng làm việc quá hạn hoặc khi có điều gì đó cần chú ý. Họ đang ở một vài nơi khác cũng chỉ để làm cho chương trình đẹp hơn ..
Font Awesome thật tuyệt vời! CDN của họ rất nhanh và có nhiều tùy chọn cho mọi loại biểu tượng khác nhau mà chúng tôi cần. Chúng tôi chưa bao giờ thất vọng.
Jeff là chủ tịch của eWorkOrder.com. eWorkOrder là một CMMS dựa trên web dễ sử dụng, giúp khách hàng quản lý các yêu cầu dịch vụ, đơn đặt hàng công việc, tài sản, bảo trì phòng ngừa và hơn thế nữa.
Rachel Foley: một cách hợp lý để truy cập thư viện biểu tượng đồ sộ một cách dễ dàng
Tại Map My Khách hàng, chúng tôi hoàn toàn dựa vào Font Awesome cho biểu tượng của chúng tôi trên tất cả các kênh tiếp thị và sản phẩm của chúng tôi bao gồm:
- Trang mạng
- Truyền thông xã hội
- Đồ họa tùy chỉnh
- Ứng dụng di động
- ứng dụng web
Chúng tôi sử dụng Font Awesome vì đây là cách dễ dàng để truy cập thư viện biểu tượng lớn một cách dễ dàng. Phong cách là nhiều hơn về mặt vui tươi phù hợp với thương hiệu của chúng tôi; cộng với khả năng chúng ta sử dụng các trọng lượng và kiểu dáng biểu tượng khác nhau mang lại cho chúng ta sự tự do.
Chúng tôi sử dụng CDN cho các ứng dụng của mình, cho phép mang lại cảm giác rất nhất quán trong trải nghiệm người dùng sản phẩm. Thêm vào đó - thật đơn giản để nâng cấp khi chúng ta cần. Với các tài liệu tiếp thị, chúng tôi linh hoạt hơn một chút và sử dụng hỗn hợp CDN, phiên bản cài đặt và vectơ cục bộ của chúng tôi.
FA luôn đáng tin cậy đối với chúng tôi kể từ khi chúng tôi hoàn toàn áp dụng vào tháng Giêng.
Rachel là một nhà thiết kế web và chuyên gia tiếp thị nội dung có trụ sở tại NYC với nỗ lực nâng cao thương hiệu B2B đang phát triển và xây dựng thành công tiếp thị lâu dài thông qua chiến lược SEO. Cô hiện đang ở Map My Khách hàng, một công ty phần mềm bán hàng B2B tạo ra các giải pháp cho các nhóm bán hàng thực địa.
Andrew Ruditser: khi Font Awesome được nâng cấp, chúng tôi cũng vậy
Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Truyền thông xã hội Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.
Font Awesome hiện cung cấp một loạt các biểu tượng để lựa chọn. Chúng tôi thấy sự linh hoạt này sẽ hữu ích cho chúng tôi từ giai đoạn Thiết kế đến giai đoạn Phát triển. Đối với Font Awesome, nền tảng của họ cung cấp hai tùy chọn cho người dùng của họ. Tùy chọn đầu tiên là một dịch vụ miễn phí, cung cấp 1.588 biểu tượng miễn phí để lựa chọn. Tùy chọn thứ hai là thành viên Pro, cung cấp 7.842 biểu tượng. Công ty này cũng có những gì chúng ta gọi là biểu tượng gian lận Biểu tượng. Danh sách này hiển thị tất cả các biểu tượng mà Font Awesome cung cấp, thông báo cho chúng tôi nếu chúng là một phần của gói miễn phí hoặc gói pro.
Để thêm, Font Awesome cũng cung cấp tùy chọn để lấy mã từ CDN của họ. Chúng tôi khuyên bạn nên đi tuyến đường của họ. CDN của họ có thời gian phản hồi nhanh và chúng tôi có rất ít hoặc không có Lag Lag giữa trang web của chúng tôi và nền tảng của họ.
Andrew Ruditser, Điều phối viên công nghệ chính
Jeff Romero: nó làm cho tốc độ của trang nhanh hơn nhiều
Chúng tôi phát triển các trang web tùy chỉnh trên Wordpress cho các khách hàng doanh nghiệp vừa và nhỏ. Chúng tôi có lịch sử sử dụng hình ảnh để thể hiện các biểu tượng khác nhau trên các trang web của chúng tôi, từ hồ sơ truyền thông xã hội đến các biểu tượng điện thoại và email. Quá trình sử dụng hình ảnh cho các biểu tượng đòi hỏi phải tìm một bộ biểu tượng nhất quán, tải chúng lên và sau đó thay đổi kích thước chúng để đảm bảo chúng phù hợp với trang web.
Mặc dù đó là một tệp hình ảnh nhỏ, nhưng đó là một quá trình để có được một bộ biểu tượng nhất quán và để chúng khớp với mẫu của trang web. Giờ đây, bằng cách sử dụng Font Awesome và plugin Wordpress, chúng ta có thể thay thế các biểu tượng bằng một bộ phương tiện nhất quán chỉ cần yêu cầu sao chép / dán một dòng HTML. Thậm chí tốt hơn, các biểu tượng có thể được thay đổi kích thước với một lượng nhỏ CSS (sử dụng thuộc tính kích thước phông chữ). Các biểu tượng hiển thị tốt hơn biểu tượng dựa trên hình ảnh và chúng hiển thị rõ ràng trên thiết bị di động. Cuối cùng, vì nó là một dòng HTML chứ không phải là một tệp hình ảnh, nó làm cho tốc độ của trang nhanh hơn nhiều.
Jeff Romero là người đồng sáng lập Kỹ thuật số Octiv, một cơ quan tiếp thị kỹ thuật số chuyên về chiến lược SEO địa phương và doanh nghiệp, quản lý quảng cáo trả tiền cho mỗi lần nhấp, thiết kế / phát triển web và dịch vụ phân tích tiếp thị.
Vance: đặc biệt tốt khi bạn không có nhà thiết kế trong nhóm của mình
Là một nhà phát triển web, tôi sử dụng Font Awesome như một giải pháp nhanh chóng cho nhiều biểu tượng đẹp. Điều đó đang được nói, Font Awesome đặc biệt tốt khi bạn không có nhà thiết kế trong nhóm phát triển của mình. Thật tiện lợi để phát triển các plugin Wordpress vì các nhà phát triển có thể nhúng chúng vào các plugin của họ bằng CDN của Font Awesome ngay lập tức.
Trải nghiệm của tôi với Font Awesome là tốt cho đến nay. Nhưng điều đó không có nghĩa là nó không có bất kỳ nhược điểm nào. Một trong những nhược điểm rõ ràng là tốc độ tải trang (hiệu suất). Vì đó là một giải pháp nhanh chóng, bạn phải nhúng cả bộ biểu tượng mặc dù bạn chỉ sử dụng một vài biểu tượng. Điều đó có thể làm giảm tốc độ tải trang web và điểm số Tốc độ trang của Google (PSI).
Vance, một nhà phát triển web và chủ sở hữu web.
Sunny Ashley: đơn giản, sạch sẽ và có thể nhận ra ngay lập tức đối với khách truy cập mới
Chúng tôi sử dụng các biểu tượng Font Awesome trong phần chân trang web của chúng tôi. Cụ thể, chúng tôi sử dụng các biểu tượng Facebook, Twitter và LinkedIn để tham khảo các kênh truyền thông xã hội của chúng tôi. Chúng đơn giản, sạch sẽ và có thể nhận ra ngay lập tức đối với khách truy cập mới. Như những người dùng khác của Font Awesome biết, họ cũng rất nhanh và dễ cấu hình.
Sunny Ashley, người sáng lập và CEO của Tự động điền. Tự động điền cung cấp phần mềm quản lý cửa hàng cho các cửa hàng và nhà để xe tự động sửa chữa độc lập.
Burak zdemir: Biểu tượng Feather không gây ra kích thước DOM quá mức
Feather Các biểu tượng là một tập hợp các biểu tượng nguồn mở dễ đọc, dễ nhìn được thiết kế và duy trì bởi Cole Bemis. Tính đến tháng 6 năm 2020, có hơn 280 biểu tượng có sẵn. Tất cả các biểu tượng được cung cấp bởi Biểu tượng Feather đều được MIT cấp phép và có thể tải xuống riêng biệt dưới dạng tệp SVG. Bạn có thể tùy chỉnh kích thước biểu tượng, màu đột quỵ của biểu tượng và chiều rộng nét trên trang web của Biểu tượng Feather trước khi tải xuống.
Biểu tượng Feather có thể là một lựa chọn tuyệt vời cho trang web hoặc dự án của bạn nếu bạn là nhà phát triển hoặc biết cách xử lý một số tác vụ cơ bản. Vì các biểu tượng nhẹ này cũng có thể được hiển thị bằng thư viện JavaScript mô-đun, chúng không gây ra kích thước DOM quá mức, một số liệu có thể gây hại cho hiệu suất trang web của bạn. Do đó, với việc sử dụng Biểu tượng Feather, bạn có thể giảm tốc độ tải trang nhiều hơn so với các gói khác có sẵn trên thị trường. Nhược điểm duy nhất của việc sử dụng bộ biểu tượng này là bạn không thể tìm thấy hầu hết các biểu tượng thương hiệu.
Biểu tượng Feather
Burak zdemir là một nhà phát triển web đến từ Thổ Nhĩ Kỳ. Ông chuyên tạo ra các ứng dụng dựa trên web.
Michel Pinson là một người đam mê du lịch và người sáng tạo nội dung. Hợp nhất niềm đam mê giáo dục và khám phá, anh ấy đã chia sẻ kiến thức và truyền cảm hứng cho người khác thông qua nội dung giáo dục quyến rũ. Đưa thế giới gần nhau hơn bằng cách trao quyền cho các cá nhân có chuyên môn toàn cầu và ý thức về giang hồ.
