7 stručnih savjeta o web ikoni postavlja upotrebu i prednosti

Pitate se kako koristiti skup ikona za svoju web stranicu i koji odabrati? Ovi stručni savjeti možda vas mogu samo uvjeriti u ono što mnogi profesionalni web programeri već znaju: mnogo je lakše pretraživati ​​ikone iz uključenog skupa ikona, nego pronaći ikone jednu po jednu i pronaći način da se nekako nekako usklade.

Pitali smo zajednicu za najbolje savjete o korištenju seta ikona, a puno njih se slaže oko korištenja popularnog ikona Font Awesome, ali to nije jedini skup ikona koji je dostupan na tržištu.

Koji skup ikona koristite? Javite nam u komentarima!

 Koristite li određenu ikonu za svoju web stranicu? Koristite li Font Awesome za određeno korištenje (tj. Uz Shopify, za bilten, ...)? Ako je odgovor tako, zašto ga upotrebljavate i kakvo je vaše iskustvo sa setom ikona? Jeste li koristili njihov CDN, jeste li primijetili neko poboljšanje u vašoj upotrebi?

Jeff Roscher: dodaje lijep jednostavan stil koji kupci smatraju modernim i privlačnim

Koristimo Font Awesome na eWorkOrders.com. To je dio i marketinške stranice i našeg softvera kao usluge (SAAS), računalnog sustava upravljanja održavanjem (CMMS). Na našoj marketinškoj stranici dodaje se jednostavan jednostavan stil kojim se potencijalni kupci smatraju modernim i privlačnim. Dodali smo zanimljive okvire i događaje prelaska mišem kako bismo ih učinili interaktivnijima i uzbudljivijima. Za naše kupce ikone Font Awesome koriste se kao vizualni znak unutar unesenih polja kako bi se identificiralo koju vrstu podataka treba unijeti, poput ikone kalendara u polju datuma, omotnice u polju e-adrese ili ikone telefona u polje za telefonski broj. Koriste se na funkcionalnim tipkama, poput uređivanja, kopiranja i ispisa.

Ikone se koriste za brzu vizualnu informaciju o podacima poput crvene ikone uzvika pored dospjelog radnog naloga ili kada nešto treba paziti. Oni se nalaze na još nekoliko mjesta, samo zato da program izgleda ljepše ..

Awesome slova je bio strašan! Njihov CDN je brz i postoji mnogo mogućnosti za svaku različitu vrstu ikona koje su nam potrebne. Nikada nismo bili razočarani.

Rachel Foley: pristupačan način za lako pristupanje ogromnoj biblioteci ikona

U Map My kupci u potpunosti se oslonimo na Font Awesome za našu ikonografiju na svim marketinškim kanalima i našem proizvodu, uključujući naše:

• Web stranica
• E-pošta
• Društveni mediji
• Prilagođena grafika
• Mobilna aplikacija
• Web aplikacija

Koristimo Font Awesome jer je pristupačan način da s lakoćom pristupimo ogromnoj biblioteci ikona. Stil je više na razigranoj strani koja se uklapa u naš brand; plus, mogućnost korištenja različitih težina i stilova ikona daje nam slobodu.

Za naše aplikacije koristimo CDN koji omogućava vrlo dosljedan osjećaj u cijelom korisničkom iskustvu proizvoda. Plus - nadogradnja je vrlo jednostavna kada trebamo. S marketinškim materijalima malo smo fleksibilniji i koristimo mješavinu CDN-a, naših lokalnih instalacija i vektorskih verzija.

FA je za nas uvijek bila pouzdana jer smo je u potpunosti usvojili u siječnju.

Andrew Ruditser: Kako se Font Awesome nadogradio, tako smo i mi

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 Društveni mediji 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 sada nudi širok spektar ikona za odabir. Smatramo da je ova fleksibilnost korisna za nas od faze dizajna do naše razvojne faze. Za Font Awesome, njihova platforma nudi dvije mogućnosti za svoje korisnike. Prve mogućnosti je besplatna usluga koja nudi 1.588 besplatnih ikona koje možete izabrati. Druga opcija je članstvo u Pro koje nudi 7.842 ikone. Ova tvrtka također ima ono što nazivamo ikonskim varalicama. Na ovom su popisu prikazane sve njihove ikone koje Font Awesome nudi, a koji nas obavještavaju jesu li dio besplatnog ili profesionalnog paketa.

Da biste dodali, Font Awesome također nudi opciju izvlačenja koda s CDN-a. Toplo preporučujemo da krenete njihovim putem. Njihov CDN ima brzo vrijeme reakcije, a mi malo i nimalo ne zaostajemo između naše web stranice i njihove platforme.

Jeff Romero: to znatno ubrzava stranicu

Razvijamo prilagođene web stranice na Wordpressu za male i srednje velike poslovne klijente. Povijesno smo koristili slike za predstavljanje različitih ikona na našim web stranicama, u rasponu od profila društvenih medija do ikona telefona i e-pošte. Proces korištenja slike za ikone zahtijeva pronalaženje konzistentnog skupa ikona, njihovo učitavanje i zatim mijenjanje veličine kako bi se osiguralo da se uklapaju na web mjesto.

Iako se radi o maloj slikovnoj datoteci, malo je postupka da se dobije dosljedan skup ikona i da se podudaraju s predloškom web mjesta. Sada, koristeći Font Awesome i njegov Wordpress dodatak, možemo zamijeniti ikone dosljednim nizom medija koji jednostavno zahtijevaju kopiranje / lijepljenje retka HTML-a. Što je još bolje, veličine ikona se mogu promijeniti s malo CSS-a (koristeći svojstvo veličine fonta). Ikone se prikazuju bolje od ikone na temelju slike i jasno su vidljive na mobilnim uređajima. I na kraju, budući da je riječ o HTML-u, a ne o slikovnoj datoteci, to znatno ubrzava stranicu.

Vance: posebno je dobro kad nemate dizajnera u svom timu

Kao web programer, Font Awesome koristim kao brzo rješenje za puno lijepih ikona. Kako se navodi, Font Awesome je posebno dobar kada nemate dizajnera u svom razvojnom timu. Prikladan je za razvoj dodataka Wordpress, jer bi ih programeri mogli ugraditi u svoje dodatke koristeći CDN-ove Font Awesome ni u kojem trenutku.

Moje iskustvo sa Font Awesome je dobro dosad. Ali to ne znači i da nema nedostataka. Jedan od očitih nedostataka je brzina učitavanja stranice (performanse). Budući da je to brzo rješenje, morate umetnuti čitav niz ikona iako koristite samo nekoliko ikona. To bi moglo smanjiti brzinu učitavanja web mjesta i rezultate na Google Page Speed ​​(PSI).

Sunny Ashley: jednostavan, čist i odmah prepoznatljiv za nove posjetitelje

U podnožju naše web stranice koristimo ikone Font Awesome. Konkretno, koristimo ikone Facebooka, Twittera i LinkedIna za upućivanje na naše kanale na društvenim mrežama. Oni su jednostavni, čisti i odmah prepoznatljivi za nove posjetitelje. Kao što drugi korisnici Font Awesome znaju, također su bili vrlo brzi i jednostavni za konfiguriranje.

Burak Özdemir: Ikone pera ne uzrokuju pretjeranu veličinu DOM-a

Feather Icons zbirka je čitljivih, vizualno ugodnih ikona otvorenog koda koje je dizajnirao i održavao Cole Bemis. Od lipnja 2020. na raspolaganju je više od 280 ikona. Sve ikone koje pružaju Feather Icons imaju MIT licencu i mogu se odvojeno preuzeti kao SVG datoteke. Prije preuzimanja možete prilagoditi veličinu ikone, boju poteza i širine poteza na web lokaciji Feather Icon.

Pero Ikone mogu biti odličan izbor za vaše web mjesto ili projekt ako ste programer ili znate kako se nositi s nekim osnovnim prednjim zadacima. Budući da se ove male ikone mogu prikazivati ​​i s modularnom bibliotekom JavaScript, one ne uzrokuju prekomjernu veličinu DOM-a, metriku koja može naštetiti performansama vaše web stranice. Tako, upotrebom Feather Icons, možete smanjiti brzinu učitavanja stranica u odnosu na druge pakete dostupne na tržištu. Jedina mana korištenja ovog skupa ikona je što ne možete pronaći većinu ikona marke.