7 strokovnih nasvetov o spletnih ikonah določa uporabo in prednosti
- Jeff Roscher: doda simpatičen preprost stajling, ki ga kupci najdejo moderno in privlačno
- Rachel Foley: cenovno dostopen način dostopa do ogromne knjižnice ikon
- Andrew Ruditser: Kot je nadgradil Font Awesome, smo tudi mi
- Jeff Romero: hitrost strani precej hitreje doseže
- Vance: še posebej dobro, če v svoji ekipi nimate oblikovalca
- Sunny Ashley: preprost, čist in takoj prepoznaven za nove obiskovalce
- Burak Özdemir: Ikone perja ne povzročajo prevelike velikosti DOM-a
Se sprašujete, kako uporabiti ikono za svoje spletno mesto in katero izbrati? Ti nasveti strokovnjakov vas lahko samo prepričajo o tem, kar že mnogi profesionalni spletni razvijalci že poznajo: veliko lažje je iskati ikone iz vključenega nabora ikon, kot pa poiskati ikone eno za drugo in najti način, kako jih nekako uskladiti skupaj.
Skupnost smo prosili za najboljše nasvete o uporabi ikon, in veliko se jih strinja glede uporabe priljubljenega nabora ikon Font Awesome, vendar to ni edini nabor ikon, ki je na voljo na trgu.
Kateri nabor ikon uporabljate? Sporočite nam v komentarjih!
Ali za svoje spletno mesto uporabljate določen ikon? Ali uporabljate Font Awesome za določeno uporabo (npr. S Shopify, za glasilo, ...)? Če je odgovor pritrdilen, zakaj ga uporabljate in kakšne so vaše izkušnje z nastavitvijo ikon? Ste uporabili njihov CDN, ali ste opazili kakšno izboljšavo pri uporabi?Jeff Roscher: doda simpatičen preprost stajling, ki ga kupci najdejo moderno in privlačno
Na eWorkOrders.com uporabljamo Font Awesome. Je del tržne strani in programske opreme kot storitve (SAAS), računalniško podprtega sistema za vzdrževanje (CMMS). Na našem spletnem mestu za trženje dodajo preprosto preprosto oblikovanje, ki ga bodočim strankam zdijo moderne in privlačne. Dodali smo zanimive meje in dogodke z miško, da bodo bolj interaktivni in navdušujoči. Za naše stranke so ikone pisave Font Awesome uporabljene kot vizualna iztočnica znotraj vnosnih polj, s pomočjo katerih lahko prepoznate, kakšne podatke je treba vnesti, na primer ikono koledarja v polju z datumom, ovojnico v polju e-poštnega naslova ali ikono telefona v polju polje za telefonsko številko. Uporabljajo se na funkcionalnih gumbih, kot so urejanje, kopiranje in tiskanje.
Ikone se uporabljajo za hitro prikaz vizualnih informacij o podatkih, kot je rdeča klicaj, poleg zapoznelega delovnega naloga ali kadar je potrebno nekaj pozornosti. Na nekaterih drugih mestih so tudi le zato, da program izgleda lepše.
Pisava Awesome je bila super! Njihov CDN je hiter in obstaja veliko možnosti za vsako vrsto ikon, ki jih potrebujemo. Nikoli nismo bili razočarani.
Jeff je predsednik eWorkOrders.com. eWorkOrders je spletni CMMS, ki je preprost za uporabo, ki strankam pomaga upravljati zahteve po storitvah, delovna naročila, sredstva, preventivno vzdrževanje in drugo.
Rachel Foley: cenovno dostopen način dostopa do ogromne knjižnice ikon
Pri storitvi Map My Stranke se za ikonografijo v vseh tržnih kanalih in izdelkih, vključno z našimi: v celoti zanašamo na pisavo Font Awesome.
- Spletna stran
- E-poštna sporočila
- Socialni mediji
- Grafika po meri
- Aplikacija za mobilne naprave
- Spletna aplikacija
Font Awesome uporabljamo, ker je cenovno dostopen način dostopa do ogromne knjižnice ikon. Slog je bolj na igrivi strani, ki se ujema z našo blagovno znamko; Poleg tega nam daje možnost uporabe različnih uteži in slogov ikon svobodo.
Za svoje aplikacije uporabljamo CDN, ki omogoča zelo dosleden občutek v celotni uporabniški izkušnji izdelka. Plus - nadgraditi ga je zelo enostavno, ko moramo. Z marketinškimi materiali smo nekoliko bolj prilagodljivi in uporabljamo mešanico CDN, naše lokalne namestitvene in vektorske različice.
FA je bila za nas vedno zanesljiva, saj smo jo januarja v celoti sprejeli.
Rachel je spletna oblikovalka in strokovnjak za vsebinsko trženje s sedežem v NYC, s katero želi povečati vse večje blagovne znamke B2B in s SEO strategijo graditi dolgoročni marketinški uspeh. Trenutno je v podjetju Zemljevidi moje stranke, podjetju za prodajo programske opreme za B2B, ki ustvarja rešitve za terenske prodajne ekipe.
Andrew Ruditser: Kot je nadgradil Font Awesome, smo tudi 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 Socialni 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 zdaj ponuja široko paleto ikon med katerimi lahko izbirate. Ta prilagodljivost se nam zdi koristna za nas od faze oblikovanja do naše razvojne faze. Za Font Awesome njihova platforma za uporabnike ponuja dve možnosti. Prva možnost je brezplačna storitev, ki ponuja 1.588 brezplačnih ikon med katerimi lahko izbirate. Druga možnost je članstvo v Pro, ki ponuja 7.842 ikon. To podjetje ima tudi tisto, kar imenujemo ikona goljufija. Na tem seznamu so prikazane vse njihove ikone, ki jih ponuja Font Awesome, ki nas obvestijo, če so del brezplačnega ali pro paketa.
Če želite dodati, Font Awesome ponuja tudi možnost, da svojo kodo povlečejo s svojega CDN-ja. Toplo priporočamo, da se odpravite po njihovi poti. Njihov CDN ima hiter odzivni čas in skoraj ne moremo zaostajati med našo spletno stranjo in njihovo platformo.
Andrew Ruditser, vodilni tehnološki koordinator
Jeff Romero: hitrost strani precej hitreje doseže
Na Wordpressu razvijamo spletna mesta po meri za male in srednje velike poslovne stranke. V preteklosti smo slike uporabljali za predstavljanje različnih ikon na naših spletnih mestih, od profilov družbenih medijev do ikon telefona in e-pošte. Postopek uporabe slike za ikone zahteva iskanje doslednega nabora ikon, njihovo nalaganje in spreminjanje velikosti, da se zagotovi, da ustrezajo spletnemu mestu.
Čeprav gre za majhno slikovno datoteko, je postopek, da dobite skladen niz ikon in jih ujemate s predlogo spletnega mesta. Zdaj lahko s pomočjo Font Awesome in njegovega vtičnika Wordpress zamenjamo ikone z doslednim naborom medijev, ki preprosto zahteva kopiranje / lepljenje vrstice HTML. Še bolje je, da lahko ikone spremenite velikost z majhno količino CSS (z uporabo lastnosti velikosti pisave). Ikone se prikazujejo bolje kot ikona, ki temelji na sliki, in so jasno vidne na mobilnih napravah. Nazadnje, ker gre za vrstico HTML in ne za slikovno datoteko, hitrost strani bistveno hitreje poveča.
Jeff Romero je soustanovitelj Octiv Digital, agencije za digitalni marketing, ki je specializirana za lokalno in podjetniško SEO strategijo, upravljanje oglaševanja s plačilom na klik, spletno oblikovanje / razvoj in marketinško analitiko.
Vance: še posebej dobro, če v svoji ekipi nimate oblikovalca
Kot spletni razvijalec uporabljam Font Awesome kot hitro rešitev za veliko lepih ikon. Kot rečeno, Font Awesome je še posebej dober, če v svoji razvojni ekipi nimate oblikovalca. Priročen je za razvoj vtičnikov Wordpress, saj bi jih razvijalci lahko v nobenem trenutku vgradili v svoje vtičnike z uporabo CDN-jev Font Awesome.
Moje izkušnje s Font Awesome so do zdaj dobre. Vendar to ne pomeni, da nima pomanjkljivosti. Ena od očitnih pomanjkljivosti je hitrost nalaganja strani (uspešnost). Ker gre za hitro rešitev, morate vdelati cel niz ikon, čeprav uporabljate le nekaj ikon. To bi lahko zmanjšalo hitrost nalaganja spletnega mesta in rezultate Google Page Speed (PSI).
Vance, spletni razvijalec in lastnik spleta.
Sunny Ashley: preprost, čist in takoj prepoznaven za nove obiskovalce
V nogi našega spletnega mesta uporabljamo ikone pisave Font Awesome. Konkretno uporabljamo ikone Facebook, Twitter in LinkedIn za sklicevanje na naše kanale družbenih medijev. Preprosti, čisti in takoj prepoznavni za nove obiskovalce. Kot vedo tudi drugi uporabniki Font Awesome, so bili tudi zelo hitri in enostavni za konfiguriranje.
Sunny Ashley, ustanoviteljica in izvršna direktorica podjetja Autoshopinvoice. Autoshopinvoice ponuja programsko opremo za upravljanje trgovin za neodvisne avtomehanične delavnice in garaže.
Burak Özdemir: Ikone perja ne povzročajo prevelike velikosti DOM-a
Feather Icons je zbirka berljivih, vizualno prijetnih ikon odprtega izvora, ki jih je oblikoval in vzdrževal Cole Bemis. Od junija 2020 je na voljo več kot 280 ikon. Vse ikone, ki jih nudijo Feather Icons, imajo licenco MIT in jih je mogoče naložiti ločeno kot datoteke SVG. Preden jih naložite na spletno stran programa Feather Icon, lahko prilagodite velikost ikone, barvo poteze ikone in širino poteze.
Pero Ikone so lahko odlična izbira za vaše spletno mesto ali projekt, če ste razvijalec ali veste, kako ravnati z nekaterimi osnovnimi sprednjimi opravili. Ker je mogoče te lahke ikone upodabljati tudi z modularno knjižnico JavaScript, ne povzročajo prekomerne velikosti DOM, metrike, ki lahko škoduje uspešnosti vaše spletne strani. Tako lahko z uporabo Feather Icons hitrost nalaganja strani bolj znižate v primerjavi z drugimi paketi, ki so na voljo na trgu. Edina slabost uporabe tega nabora ikon je, da ne najdete večine ikon blagovne znamke.
Ikone perja
Burak Özdemir je spletni razvijalec iz Turčije. Specializiran je za ustvarjanje spletnih aplikacij.
Michel Pinson je potovalni navdušenec in ustvarjalka vsebine. Združevanje strasti do izobraževanja in raziskovanja je z očarljivimi izobraževalnimi vsebinami deliti znanje in navdih za druge. Zbliževanje sveta z opolnomočenjem posameznikov z globalnim strokovnim znanjem in občutkom potepanja.
