7 stručnih savjeta o web ikoni postavlja upotrebu i prednosti
- Jeff Roscher: dodaje lijep jednostavan stil koji kupci smatraju modernim i privlačnim
- Rachel Foley: pristupačan način za lako pristupanje ogromnoj biblioteci ikona
- Andrew Ruditser: Kako se Font Awesome nadograđivao, tako smo i mi uradili
- Jeff Romero: čini brzinu stranice mnogo bržom
- Vance: posebno je dobro kad u svom timu nemate dizajnera
- Sunny Ashley: jednostavan, čist i odmah prepoznatljiv za nove posjetitelje
- Burak Özdemir: Ikone pera ne uzrokuju pretjeranu veličinu DOM-a
Pitate se kako koristiti set 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 seta ikona, nego pronaći ikone jednu po jednu i pronaći način da se nekako nekako usklade.
Od zajednice smo tražili najbolje savjete o korištenju seta ikona, a puno njih se slaže oko korištenja popularnog seta ikona Font Awesome, ali to nije jedini skup ikona koji je dostupan na tržištu.
Koji set ikona koristite? Javite nam u komentarima!
Koristite li određenu ikonu za svoju web lokaciju? Koristite li Font Awesome za određeno korištenje (tj. Sa Shopify, za bilten, ...)? Ako je odgovor da, zašto ga koristite 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 naše marketinške stranice i našeg softvera kao usluge (SAAS), računalnog sistema upravljanja održavanjem (CMMS). Na našoj marketinškoj web stranici dodaje se jednostavnim jednostavnim stilovima koji potencijalnim kupcima smatraju modernim i privlačnim. Dodali smo zanimljive okvire i događaje prelaska mišem kako bismo ih učinili interaktivnijim i uzbudljivijim. Za naše kupce Ikone fontova Awesome koriste se kao vizualni znak unutar unosnih polja kako bi se utvrdilo koja vrsta podataka treba da se unese, 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 na nešto treba pažnja. Ima ih na još nekoliko mesta samo zato da program izgleda lepše ..
Font Awesome je bio sjajan! Njihov CDN je brz i postoji mnogo mogućnosti za svaku različitu vrstu ikona koje su nam potrebne. Nikada nismo bili razočarani.
Jeff je predsjednik eWorkOrders.com. eWorkOrders je jednostavan za korištenje web-temeljen CMMS koji pomaže klijentima u upravljanju zahtjevima za uslugama, radnim nalozima, imovinom, preventivnom održavanju i još mnogo toga.
Rachel Foley: pristupačan način za lako pristupanje ogromnoj biblioteci ikona
U mapi Moji 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š:
- Veb stranica
- E-mailovi
- Društveni mediji
- Prilagođena grafika
- Mobile App
- 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 da koristimo različite težine i stilove 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 super jednostavna kada trebamo. S marketinškim materijalima malo smo fleksibilniji i koristimo mješavinu CDN-a, naših lokalnih instalacija i vektorskih verzija.
FA nam je uvijek bila pouzdana otkako smo u januaru u potpunosti usvojeni.
Rachel je web dizajnerka i stručnjak za sadržajni marketing sa sjedištem u NYC-u sa željom da unapredi rastuće B2B brendove i izgradi dugoročni marketinški uspjeh putem SEO strategije. Trenutno je na karti Moji kupci, kompanija za prodaju B2B softvera, koja stvara rješenja za terenske prodajne timove.
Andrew Ruditser: Kako se Font Awesome nadograđivao, tako smo i mi uradili
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 izbor. 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 njihove korisnike. The First Options je besplatna usluga koja nudi 1.588 besplatnih ikona za izbor. Druga opcija je članstvo u Pro, koje nudi 7.842 ikone. Ova kompanija također ima ono što nazivamo ikonskim varalicama. Na ovoj se listi nalaze sve njihove ikone koje Font Awesome nudi, a koji nas obavještavaju jesu li dio besplatnog ili pro paketa.
Da biste dodali, Font Awesome nudi i mogućnost izvlačenja koda iz svog CDN-a. Toplo preporučujemo da krenete njihovim putem. Njihov CDN ima brzo vrijeme reakcije, a mi nemamo malo nikakvog „zaostajanja“ između naše web stranice i njihove platforme.
Andrew Ruditser, vodeći koordinator tehnologije
Jeff Romero: čini brzinu stranice mnogo bržom
Na Wordpressu razvijamo prilagođene web stranice za male i srednje velike poslovne klijente. Povijesno smo koristili slike za predstavljanje različitih ikona na našim web lokacijama 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 promjenu veličine kako bi se osiguralo da se uklapaju na web mjesto.
Iako se radi o maloj slikovnoj datoteci, malo je procesa da se dobije dosljedan skup ikona i da se one podudaraju sa predloškom web lokacije. Sada, koristeći Font Awesome i njegov Wordpress dodatak, možemo zamijeniti ikone dosljednim nizom medija koji jednostavno zahtijevaju kopiranje / lijepljenje linije HTML-a. Što je još bolje, ikone možete smanjiti veličinom CSS-a (koristeći svojstvo veličine fonta). Ikone se prikazuju bolje nego ikone na bazi slika 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.
Jeff Romero suosnivač je Octiv Digital-a, agencije za digitalni marketing koja se specijalizirala za lokalnu i poslovnu SEO strategiju, upravljanje oglašavanjem putem plaćanja po kliku, web dizajn / razvoj i usluge marketinške analitike.
Vance: posebno je dobro kad u svom timu nemate dizajnera
Kao web programer, Font Awesome koristim kao brzo rješenje za puno lijepih ikona. Uz to, Font Awesome je posebno dobar kada u vašem razvojnom timu nemate dizajnera. Prikladan je za razvoj Wordpress dodataka jer su ih programeri mogli ugraditi u svoje dodatke koristeći CDN-ove Font Awesomea ni za jedan trenutak.
Moje iskustvo sa Font Awesome je dobro dosad. Ali to ne znači da nema nedostataka. Jedan od očitih nedostataka je brzina učitavanja stranice (performanse). Budući da je to brzo rešenje, morate ugraditi čitav niz ikona iako koristite samo nekoliko ikona. To bi moglo smanjiti brzinu učitavanja web stranice i rezultate na Google Page Speed (PSI).
Vance, web programer i vlasnik web lokacije.
Sunny Ashley: jednostavan, čist i odmah prepoznatljiv za nove posjetitelje
U fonotu naše web stranice koristimo ikone Font Awesome. Konkretno, koristimo ikone Facebook, Twitter i LinkedIn za upućivanje na naše kanale na društvenim mrežama. Oni su jednostavni, čisti i odmah prepoznatljivi za nove posjetioce. Kao što znaju i drugi korisnici Font Awesome, oni su također bili vrlo brzi i jednostavni za konfiguriranje.
Sunny Ashley, osnivačica i izvršna direktorica Autoshopinvoice-a. Autoshopinvoice pruža softver za upravljanje prodavnicama za nezavisne auto servisne radionice i garaže.
Burak Özdemir: Ikone pera ne uzrokuju pretjeranu veličinu DOM-a
Feather Icons je zbirka čitljivih, vizualno ugodnih ikona otvorenog koda koje je dizajnirao i održavao Cole Bemis. Od juna 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.
Feather Icons može biti odličan izbor za vašu web stranicu ili projekt ako ste programer ili znate kako se baviti nekim osnovnim front-end zadacima. Kako se ove male ikone mogu prikazati i pomoću modularne JavaScript biblioteke, one ne uzrokuju prekomjernu veličinu DOM-a, metriku koja može naštetiti performansama vaše web stranice. Tako, korištenjem Feather Icons, možete smanjiti brzinu učitavanja stranica u odnosu na druge pakete dostupne na tržištu. Jedina mana upotrebe ovog skupa ikona je da ne možete pronaći većinu ikona marke.
Ikone pera
Burak Özdemir je web programer iz Turske. Specijalizirao se za izradu internetskih aplikacija.
Michel Pinson je turistički entuzijast i tvorac sadržaja. Spajanje strasti prema obrazovanju i istraživanju, on je isključio za dijeljenje znanja i nadahnjujući druge kroz zarobljeni obrazovni sadržaj. Dovodeći svijet bliže osnaživanjem pojedinca sa globalnom stručnošću i osjećajem lutanja.
