7 ekspertide näpunäidet veebikooni kohta määravad kasutamise ja eelised



Kas soovite oma veebisaidi jaoks ikoonikomplekti kasutada ja millist neist valida? Need asjatundlikud näpunäited võivad teid lihtsalt veenda selles, mida paljud professionaalsed veebiarendajad juba teavad: palju lihtsam on otsida ikoone kaasasolevast ikoonikomplektist, kui otsida ikoone ükshaaval ja leida viis, kuidas need koos kuidagi järjepidevaks muuta.

Küsisime kogukonnalt parimaid näpunäiteid ikoonikomplektide kasutamise kohta ja paljud neist nõustuvad populaarse ikoonikomplekti Font Awesome kasutamisega, kuid see pole siiski ainus turul saadaolev ikoonikomplekt.

Millist ikoonikomplekti te kasutate? Andke meile kommentaarides teada!

 Kas kasutate oma veebisaidi jaoks konkreetset ikoonikomplekti? Kas kasutate rakendust Font Awesome konkreetsel otstarbel (nt koos Shopifyga, infolehe jaoks ...)? Kui jah, siis miks te seda kasutate ja milline on teie kogemus ikoonikomplektiga? Kas olete kasutanud nende CDN-i, kas olete märganud oma kasutamise paranemist?

Jeff Roscher: see lisab kena lihtsa stiili, mis klientide arvates on kaasaegne ja ahvatlev

Kasutame e-kirja eWorkOrders.com fonti Awesome. See on osa nii meie turundussaidist kui ka meie tarkvara kui teenuse (SAAS) pakkumisest, arvutipõhisest hoolduse haldussüsteemist (CMMS). Meie turundussaidil lisab see kena lihtsa stiili, mille potentsiaalsed kliendid leiavad moodsa ja ahvatleva. Oleme lisanud huvitavaid piire ja hiirekursoriga sündmusi, et muuta need interaktiivsemaks ja põnevamaks. Meie klientide jaoks kasutatakse Font Awesome'i ikoone sisestusväljade visuaalse näpunäiduna, mis aitab tuvastada, millist tüüpi andmed tuleks sisestada, näiteks kalendriikoon kuupäeva väljal, ümbrik e-posti aadressi väljal või telefoniikoon väli telefoninumbri jaoks. Neid kasutatakse funktsionaalsetel nuppidel, näiteks redigeerimine, kopeerimine ja printimine.

Ikoone kasutatakse andmete kiire visuaalse teabe andmiseks, näiteks punane hüüumärkikoon tähtaja ületanud töökäsu kõrval või kui midagi vajab tähelepanu. Neid on ka mõnes muus kohas lihtsalt selleks, et programm kenam välja näeks.

Font Awesome on olnud fantastiline! Nende CDN on kiire ja iga vajaliku ikooni jaoks on palju võimalusi. Me pole kunagi pettunud.

Jeff on eWorkOrders.com president. eWorkOrders on hõlpsasti kasutatav veebipõhine CMMS, mis aitab klientidel hallata teenusetaotlusi, töökorraldusi, varasid, ennetavat hooldust ja palju muud.
Jeff on eWorkOrders.com president. eWorkOrders on hõlpsasti kasutatav veebipõhine CMMS, mis aitab klientidel hallata teenusetaotlusi, töökorraldusi, varasid, ennetavat hooldust ja palju muud.

Rachel Foley: taskukohane viis hõlpsa juurdepääsuga massilisele ikoonikogule

Kaardil Minu kliendid loodame kõigi turunduskanalite ja meie toote, sealhulgas meie jaoks, ikoonograafias täielikult Font Awesome'ile:

  • Veebisait
  • E-kirjad
  • Sotsiaalmeedia
  • Kohandatud graafika
  • Mobiilirakendus
  • Veebirakendus

Me kasutame funktsiooni Font Awesome, kuna see on taskukohane viis hõlpsa juurdepääsu saamiseks massilisele ikoonikogule. Stiil on rohkem mängulisel küljel, mis sobib meie kaubamärgiga; Lisaks annab meile vabadus ikoonide erineva kaalu ja stiili kasutamine.

Kasutame oma rakenduste jaoks CDN-i, mis võimaldab toote kasutajakogemuses väga ühtlast tunnet. Pluss - vajaduse korral on seda ülimalt lihtne uuendada. Turundusmaterjalidega oleme natuke paindlikumad ja kasutame segu CDN-st, meie kohalikust installimis- ja vektoriversioonist.

Pärast täielikku vastuvõtmist jaanuaris on FA olnud meie jaoks alati usaldusväärne.

Rachel on NYC-l põhinev veebidisainer ja sisuturunduse professionaal, kes soovib edendada kasvavaid B2B kaubamärke ja luua SEO strateegia abil pikaajalist turunduse edu. Praegu töötab ta Kaardista minu kliendidis, B2B müügitarkvaraettevõttes, kes loob lahendusi välimüügimeeskondadele.
Rachel on NYC-l põhinev veebidisainer ja sisuturunduse professionaal, kes soovib edendada kasvavaid B2B kaubamärke ja luua SEO strateegia abil pikaajalist turunduse edu. Praegu töötab ta Kaardista minu kliendidis, B2B müügitarkvaraettevõttes, kes loob lahendusi välimüügimeeskondadele.

Andrew Ruditser: kui fonti Awesome täiendas, nii ka meie

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 Sotsiaalmeedia 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 pakub nüüd suures valikus ikoone. Leiame, et see paindlikkus on meile kasulik alates projekteerimisfaasist kuni arendamisetapini. Font Awesome jaoks pakub nende platvorm kasutajatele kahte võimalust. Esimene võimalus on tasuta teenus, mis pakub 1 588 tasuta ikooni. Teine võimalus on Pro-liikmesus, mis pakub 7842 ikooni. Sellel ettevõttel on ka see, mida me nimetame Ikooni petuleheks. Selles loendis kuvatakse kõik nende ikoonid, mida Font Awesome pakub, mis annab meile teada, kui nad on osa tasuta paketist või profipaketist.

Lisamiseks pakub Font Awesome ka võimaluse tõmmata nende kood CDN-ist. Soovitame tungivalt minna nende teele. Nende CDN-il on kiire reageerimise aeg ja meie saidi ja nende platvormi vahel on vähe viivitust.

Andrew Ruditser, juhtiv tehnoloogiakoordinaator
Andrew Ruditser, juhtiv tehnoloogiakoordinaator

Jeff Romero: see muudab lehe kiiruse palju kiiremaks

Arendame Wordpressis kohandatud veebisaite väikeste ja keskmise suurusega äriklientide jaoks. Oleme ajalooliselt kasutanud pilte, et kujutada oma veebisaitidel erinevaid ikoone, alates sotsiaalmeedia profiilidest kuni telefoni ja e-posti ikoonideni. Kujutise kasutamine ikoonide jaoks nõuab järjepideva ikoonikomplekti leidmist, nende üleslaadimist ja nende suuruse muutmist, et veenduda, et need sobivad saidile.

Kuigi see on väike pildifail, on natuke vaja saada järjepidevat ikoonikomplekti ja viia need saidi malli vastavusse. Nüüd, kasutades Font Awesome ja selle Wordpressi pistikprogrammi, saame ikoonid asendada järjepideva meediumikomplektiga, mis nõuab lihtsalt HTML-i rea kopeerimist / kleepimist. Veelgi parem, ikoonide suurust saab muuta väikese koguse CSS-iga (kasutades fondi suuruse omadust). Ikoone kuvatakse paremini kui pildipõhiseid ikoone ja need on mobiilseadmetes selgelt nähtavad. Lõpuks, kuna see on pigem HTML-i rida kui pildifail, muudab see lehe kiiruse palju kiiremaks.

Jeff Romero on digitaalse turunduse agentuuri Octiv Digital kaasasutaja, kes on spetsialiseerunud kohalike ja ettevõtete SEO strateegiale, klõpsamise eest makstava reklaami haldamisele, veebidisaini / arenduse ja turundusanalüütika teenustele.
Jeff Romero on digitaalse turunduse agentuuri Octiv Digital kaasasutaja, kes on spetsialiseerunud kohalike ja ettevõtete SEO strateegiale, klõpsamise eest makstava reklaami haldamisele, veebidisaini / arenduse ja turundusanalüütika teenustele.

Vance: eriti hea, kui teie meeskonnas pole disainerit

Veebiarendajana kasutan Font Awesome kiire lahendusena paljudele toredatele ikoonidele. Sellegipoolest on Font Awesome eriti hea, kui teil pole arendusmeeskonnas disainerit. See on mugav Wordpressi pistikprogrammide arendamiseks, kuna arendajad said need manustada oma pistikprogrammidesse, kasutades Font Awesome'i CDN-sid.

Minu kogemus Font Awesome'iga on siiani hea. Kuid see ei tähenda, et sellel pole mingeid puudusi. Üks ilmseid puudusi on lehe laadimiskiirus (jõudlus). Kuna see on kiire lahendus, peate manustama terve hulga ikoone, isegi kui kasutate vaid mõnda ikooni. See võib vähendada veebisaidi laadimiskiirust ja Google'i lehekiiruse (PSI) skoori.

Vance, veebiarendaja ja veebiomanik.
Vance, veebiarendaja ja veebiomanik.

Sunny Ashley: lihtne, puhas ja uutele külastajatele koheselt äratuntav

Meie veebisaidi jaluses on kasutatud Font Awesome ikoone. Täpsemalt kasutame oma sotsiaalmeedia kanalitele viitamiseks Facebooki, Twitteri ja LinkedIni ikoone. Need on lihtsad, puhtad ja uute külastajate jaoks koheselt äratuntavad. Nagu teised Font Awesome'i kasutajad teavad, olid nad ka väga kiired ja hõlpsasti konfigureeritavad.

Sunny Ashley, Autoshopinvo'i asutaja ja tegevjuht. Autoshopinvo pakub kaupluste haldamise tarkvara sõltumatutele autoremonditöökodadele ja garaažidele.
Sunny Ashley, Autoshopinvo'i asutaja ja tegevjuht. Autoshopinvo pakub kaupluste haldamise tarkvara sõltumatutele autoremonditöökodadele ja garaažidele.

Burak Özdemir: sulgede ikoonid ei põhjusta ülemäärast DOM-i suurust

Feather Icons on Cole Bemis välja töötatud ja hooldatud loetavate, visuaalselt meeldivate avatud lähtekoodiga ikoonide kogum. 2020. aasta juuni seisuga on saadaval üle 280 ikooni. Kõik sulgede ikoonide pakutavad ikoonid on MIT-litsentsiga ja SVG-failidena eraldi allalaaditavad. Enne nende allalaadimist saate sulgede ikooni veebisaidil kohandada ikooni suurust, ikooni käigu värvi ja käigu laiust.

Sulgede ikoonid võivad olla teie veebisaidi või projekti jaoks suurepärane valik, kui olete arendaja või teate, kuidas käsitleda mõnda põhilist esiotsa ülesannet. Kuna neid kergeid ikoone saab renderdada ka moodulilise JavaScripti teegiga, ei põhjusta need ülemäärase DOM-i suurust, see võib mõõta teie veebilehe toimivust. Nii saate sulgede ikoone kasutades alandada lehe laadimise kiirust rohkem, võrreldes teiste turul pakutavate pakettidega. Selle ikoonikomplekti kasutamise ainus negatiivne külg on see, et te ei leia enamikku brändikoonidest.

Suleikoonid
Burak Özdemir on Türgi veebiarendaja. Ta on spetsialiseerunud veebipõhiste rakenduste loomisele.
Burak Özdemir on Türgi veebiarendaja. Ta on spetsialiseerunud veebipõhiste rakenduste loomisele.

Michel Pinson
Autori kohta - Michel Pinson
Michel Pinson on reisihuviline ja sisulooja. Kirg hariduse ja uurimise vastu ühendas ta teadmiste jagamise ja teiste inspireerimisel haridussisu võlumise kaudu. Viies maailma kokku, andes inimestele ülemaailmse teadmise ja kõndimise tunde.




Kommentaarid (0)

Jäta kommentaar