7 συμβουλές ειδικών στο εικονίδιο Ιστού ορίζουν τη χρήση και τα οφέλη

Αναρωτιέστε για τη χρήση ενός σετ εικονιδίων για τον ιστότοπό σας και ποιο να επιλέξετε; Αυτές οι συμβουλές για ειδικούς ενδέχεται να σας πείσουν για το τι ήδη γνωρίζουν πολλοί επαγγελματίες προγραμματιστές ιστού: είναι πολύ πιο εύκολο να αναζητήσετε εικονίδια από ένα σύνολο εικονιδίων που περιλαμβάνονται, από το να βρείτε εικονίδια ένα προς ένα και να βρείτε έναν τρόπο να τα κάνετε κάπως συνεκτικά μαζί.

Ζητήσαμε από την κοινότητα τις καλύτερες συμβουλές για τη χρήση συνόλων εικονιδίων και πολλοί από αυτούς συμφωνούν να χρησιμοποιήσουν το δημοφιλές σύνολο εικονιδίων Font Awesome, αλλά αυτό δεν είναι το μόνο σετ εικονιδίων που διατίθεται στην αγορά.

Ποιο σύνολο εικονιδίων χρησιμοποιείτε; Ενημερώστε μας στα σχόλια!

 Χρησιμοποιείτε ένα συγκεκριμένο σύνολο εικονιδίων για τον ιστότοπό σας; Χρησιμοποιείτε το Font Awesome για συγκεκριμένη χρήση (δηλαδή με το Shopify, για ένα ενημερωτικό δελτίο, ...); Εάν ναι, γιατί το χρησιμοποιείτε και ποια είναι η εμπειρία σας με το σύνολο εικονιδίων; Έχετε χρησιμοποιήσει το CDN τους, έχετε παρατηρήσει κάποια βελτίωση στη χρήση σας;

Jeff Roscher: προσθέτει ωραίο απλό στιλ που οι πελάτες βρίσκουν μοντέρνο και ελκυστικό

Χρησιμοποιούμε το Font Awesome στο eWorkOrders.com. Είναι μέρος τόσο της ιστοσελίδας μάρκετινγκ όσο και του λογισμικού μας ως υπηρεσία (SAAS), ενός μηχανογραφημένου συστήματος διαχείρισης συντήρησης (CMMS). Στον ιστότοπό μας μάρκετινγκ, προσθέτει ωραίο απλό στυλ που οι υποψήφιοι πελάτες βρίσκουν μοντέρνο και ελκυστικό. Έχουμε προσθέσει ενδιαφέροντα περιγράμματα και συμβάντα ποντικιού για να τα κάνουμε πιο διαδραστικά και συναρπαστικά. Για τους πελάτες μας, τα εικονίδια Font Awesome χρησιμοποιούνται ως οπτική ένδειξη μέσα στα πεδία εισαγωγής για να προσδιορίσουν τον τύπο δεδομένων που πρέπει να εισαχθεί, όπως ένα εικονίδιο ημερολογίου σε ένα πεδίο ημερομηνίας, ένα φάκελο σε ένα πεδίο διεύθυνσης email ή ένα εικονίδιο τηλεφώνου σε ένα πεδίο για έναν αριθμό τηλεφώνου. Χρησιμοποιούνται σε λειτουργικά κουμπιά, όπως επεξεργασία, αντιγραφή και εκτύπωση.

Τα εικονίδια χρησιμοποιούνται για να δώσουν γρήγορες οπτικές πληροφορίες σχετικά με τα δεδομένα, όπως ένα κόκκινο θαυμαστικό δίπλα σε μια καθυστερημένη παραγγελία εργασίας ή όταν κάτι χρειάζεται προσοχή. Βρίσκονται επίσης σε μερικά άλλα μέρη για να κάνουν το πρόγραμμα να φαίνεται πιο όμορφο ..

Η γραμματοσειρά Awesome ήταν καταπληκτική! Το CDN τους είναι γρήγορο και υπάρχουν πολλές επιλογές για κάθε διαφορετικό είδος εικονιδίου που χρειαζόμαστε. Δεν απογοητευτήκαμε ποτέ.

Rachel Foley: ένας οικονομικός τρόπος για εύκολη πρόσβαση σε μια τεράστια βιβλιοθήκη εικονιδίων

Στο Map My Customer, βασίζουμε πλήρως το Font Awesome για την εικονογραφία μας σε όλα τα κανάλια μάρκετινγκ και το προϊόν μας, συμπεριλαμβανομένων των:

• Δικτυακός τόπος
• Email
• Μεσα ΚΟΙΝΩΝΙΚΗΣ ΔΙΚΤΥΩΣΗΣ
• Προσαρμοσμένα γραφικά
• Εφαρμογή για κινητό
• Εφαρμογή ιστού

Χρησιμοποιούμε το Font Awesome γιατί είναι ένας οικονομικά προσιτός τρόπος πρόσβασης σε μια τεράστια βιβλιοθήκη εικονιδίων. Το στυλ είναι περισσότερο στην παιχνιδιάρικη πλευρά που ταιριάζει με την επωνυμία μας. Επιπλέον, η ικανότητα να χρησιμοποιούμε διαφορετικά βάρη και στυλ εικονιδίων μας δίνει ελευθερία.

Χρησιμοποιούμε το CDN για τις εφαρμογές μας που επιτρέπει μια πολύ συνεπή αίσθηση στην εμπειρία χρήστη του προϊόντος. Επιπλέον - είναι εξαιρετικά απλό να αναβαθμιστεί όταν χρειαστεί. Με τα υλικά μάρκετινγκ, είμαστε λίγο πιο ευέλικτοι και χρησιμοποιούμε ένα μείγμα CDN, των τοπικών εκδόσεων εγκατάστασης και του φορέα.

Η FA ήταν πάντα αξιόπιστη για εμάς από τότε που υιοθετήσαμε πλήρως τον Ιανουάριο.

Andrew Ruditser: όπως αναβαθμίστηκε το Font Awesome, το ίδιο κι εμείς

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 Μεσα ΚΟΙΝΩΝΙΚΗΣ ΔΙΚΤΥΩΣΗΣ 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 προσφέρει τώρα ένα ευρύ φάσμα εικονιδίων για να διαλέξετε. Θεωρούμε ότι αυτή η ευελιξία είναι χρήσιμη για εμάς από τη φάση σχεδιασμού έως τη φάση ανάπτυξης. Για το Font Awesome, η πλατφόρμα τους προσφέρει δύο επιλογές για τους χρήστες τους. Οι πρώτες επιλογές είναι μια δωρεάν υπηρεσία, η οποία προσφέρει 1.588 δωρεάν εικονίδια για να διαλέξετε. Η δεύτερη επιλογή είναι η ιδιότητα μέλους Pro, η οποία προσφέρει 7.842 εικονίδια. Αυτή η εταιρεία έχει επίσης αυτό που αποκαλούμε cheat sheet Icon. Αυτή η λίστα εμφανίζει όλα τα εικονίδια που προσφέρει το Font Awesome, τα οποία μας ενημερώνουν εάν αποτελούν μέρος του δωρεάν πακέτου ή του επαγγελματικού πακέτου.

Για να προσθέσετε, το Font Awesome προσφέρει επίσης την επιλογή να τραβήξετε τον κωδικό τους από το CDN τους. Συνιστούμε ανεπιφύλακτα να ακολουθήσετε τη διαδρομή τους. Το CDN τους έχει γρήγορο χρόνο απόκρισης και δεν έχουμε καθόλου καθυστέρηση μεταξύ του ιστότοπού μας και της πλατφόρμας τους.

Jeff Romero: κάνει την ταχύτητα της σελίδας πολύ πιο γρήγορη

Αναπτύσσουμε προσαρμοσμένους ιστότοπους στο Wordpress για μικροεπιχειρηματικούς πελάτες. Έχουμε χρησιμοποιήσει ιστορικά εικόνες για να αντιπροσωπεύσουμε διάφορα εικονίδια στους ιστότοπούς μας, από προφίλ κοινωνικών μέσων έως εικονίδια τηλεφώνου και email. Η διαδικασία χρήσης μιας εικόνας για εικονίδια απαιτεί την εύρεση ενός σταθερού συνόλου εικονιδίων, τη μεταφόρτωσή τους και, στη συνέχεια, το μέγεθός τους για να διασφαλιστεί ότι ταιριάζουν στον ιστότοπο.

Αν και είναι ένα μικρό αρχείο εικόνας, είναι λίγο διαδικασία να αποκτήσετε ένα σταθερό σύνολο εικονιδίων και να τα αντιστοιχίσετε στο πρότυπο του ιστότοπου. Τώρα, χρησιμοποιώντας το Font Awesome και το Wordpress plugin του, μπορούμε να αντικαταστήσουμε εικονίδια με ένα σταθερό σύνολο μέσων που απλά απαιτεί αντιγραφή / επικόλληση μιας γραμμής HTML. Ακόμα καλύτερα, το μέγεθος των εικονιδίων μπορεί να αλλάξει με ένα μικρό ποσό CSS (χρησιμοποιώντας την ιδιότητα μεγέθους γραμματοσειράς). Τα εικονίδια εμφανίζονται καλύτερα από ένα εικονίδιο που βασίζεται σε εικόνα και είναι καθαρά ορατά σε κινητές συσκευές. Τέλος, επειδή είναι μια γραμμή HTML και όχι ένα αρχείο εικόνας, κάνει την ταχύτητα της σελίδας πολύ πιο γρήγορη.

Vance: ιδιαίτερα καλό όταν δεν έχετε σχεδιαστή στην ομάδα σας

Ως προγραμματιστής ιστού, χρησιμοποιώ το Font Awesome ως γρήγορη λύση για πολλά ωραία εικονίδια. Τούτου λεχθέντος, το Font Awesome είναι ιδιαίτερα καλό όταν δεν έχετε σχεδιαστή στην ομάδα ανάπτυξης. Είναι βολικό για την ανάπτυξη προσθηκών Wordpress, επειδή οι προγραμματιστές θα μπορούσαν να τα ενσωματώσουν στα plugins τους χρησιμοποιώντας CDN του Font Awesome σε χρόνο μηδέν.

Η εμπειρία μου με το Font Awesome είναι καλή μέχρι στιγμής. Αλλά αυτό δεν σημαίνει ότι δεν έχει μειονεκτήματα. Ένα από τα προφανή μειονεκτήματα είναι η ταχύτητα φόρτωσης σελίδας (απόδοση). Δεδομένου ότι είναι μια γρήγορη λύση, πρέπει να ενσωματώσετε ένα ολόκληρο σύνολο εικονιδίων παρόλο που χρησιμοποιείτε μόνο μερικά εικονίδια. Αυτό θα μπορούσε να μειώσει τα αποτελέσματα ταχύτητας φόρτωσης ιστότοπου και ταχύτητας σελίδας Google (PSI).

Sunny Ashley: απλό, καθαρό και άμεσα αναγνωρίσιμο για νέους επισκέπτες

Χρησιμοποιούμε εικονίδια Font Awesome στο υποσέλιδο της ιστοσελίδας μας. Συγκεκριμένα, χρησιμοποιούμε τα εικονίδια Facebook, Twitter και LinkedIn για αναφορά στα κανάλια κοινωνικών μέσων. Είναι απλά, καθαρά και άμεσα αναγνωρίσιμα για νέους επισκέπτες. Όπως γνωρίζουν και άλλοι χρήστες του Font Awesome, ήταν επίσης πολύ γρήγοροι και εύκολο να διαμορφωθούν.

Burak Özdemir: Τα εικονίδια φτερών δεν προκαλούν υπερβολικό μέγεθος DOM

Το Feather Icons είναι μια συλλογή από ευανάγνωστα, ευχάριστα οπτικά εικονίδια ανοιχτού κώδικα που σχεδιάστηκαν και συντηρήθηκαν από τον Cole Bemis. Από τον Ιούνιο του 2020, υπάρχουν περισσότερα από 280 εικονίδια διαθέσιμα. Όλα τα εικονίδια που παρέχονται από τα Feather Icons διαθέτουν άδεια MIT και μπορούν να ληφθούν ξεχωριστά ως αρχεία SVG. Μπορείτε να προσαρμόσετε το μέγεθος του εικονιδίου, το χρώμα περιγράμματος του εικονιδίου και το πλάτος της διαδρομής στον ιστότοπο του Feather Icon προτού τα κατεβάσετε.

Τα Feather Icons μπορούν να είναι μια εξαιρετική επιλογή για τον ιστότοπο ή το έργο σας εάν είστε προγραμματιστής ή γνωρίζετε πώς να χειριστείτε ορισμένες βασικές εργασίες front-end. Καθώς αυτά τα ελαφριά εικονίδια μπορούν επίσης να αποδοθούν με μια αρθρωτή βιβλιοθήκη JavaScript, δεν προκαλούν υπερβολικό μέγεθος DOM, μια μέτρηση που μπορεί να βλάψει την απόδοση της ιστοσελίδας σας. Έτσι, με τη χρήση Feather Icons, μπορείτε να μειώσετε την ταχύτητα φόρτωσης σελίδας περισσότερο σε σύγκριση με άλλα πακέτα που διατίθενται στην αγορά. Το μόνο μειονέκτημα της χρήσης αυτού του συνόλου εικονιδίων είναι ότι δεν μπορείτε να βρείτε τα περισσότερα εικονίδια επωνυμίας.