7 ekspertų patarimai dėl žiniatinklio piktogramos nustato naudojimą ir naudą
- Jeffas Roscheris: jis prideda gražų paprastą stilių, kurį klientai laiko šiuolaikišku ir patraukliu
- Rachel Foley: nebrangus būdas lengvai prieiti prie didžiulės piktogramų bibliotekos
- Andrew Ruditseris: kai patobulinome „Font Awesome“, taip ir mes
- Jeffas Romero: tai padaro puslapio greitį daug greitesnį
- „Vance“: ypač gerai, kai savo komandoje neturi dizainerio
- Saulėtas Ešlis: paprastas, švarus ir iškart atpažįstamas naujiems lankytojams
- Burakas Özdemiras: Plunksnos piktogramos nesukelia per didelio DOM dydžio
Ar norėtumėte naudoti piktogramų rinkinį savo svetainei ir kurį pasirinkti? Šie ekspertų patarimai gali tiesiog įtikinti jus tuo, ką daugelis profesionalių interneto programuotojų jau žino: daug lengviau ieškoti piktogramų iš įtraukto piktogramų rinkinio, nei rasti piktogramas po vieną ir rasti būdą, kaip jas nors kiek suderinti.
Mes paprašėme bendruomenės, kad jie pateiktų geriausius patarimus, kaip naudoti piktogramų rinkinius, ir daugelis jų sutinka naudoti populiarų „Font Awesome“ piktogramų rinkinį, tačiau tai nėra vienintelis rinkoje esančių piktogramų rinkinys.
Kurį piktogramų rinkinį naudojate? Praneškite mums komentaruose!
Ar naudojate tam tikrą savo svetainės piktogramų rinkinį? Ar naudojate „Font Awesome“ konkrečiam naudojimui (pvz., Su „Shopify“, norėdami gauti informacinį biuletenį ...)? Jei taip, kodėl jūs jį naudojate, o kokia yra jūsų piktogramų rinkinio patirtis? Ar jūs naudojote jų CDN, ar pastebėjote, kad pagerėjo jūsų vartojimas?Jeffas Roscheris: jis prideda gražų paprastą stilių, kurį klientai laiko šiuolaikišku ir patraukliu
Mes naudojame „Font Awesome“ svetainėje eWorkOrders.com. Tai yra tiek mūsų rinkodaros svetainės, tiek programinės įrangos, kaip paslaugos (SAAS), kompiuterinės priežiūros valdymo sistemos (CMMS) dalis. Mūsų rinkodaros svetainėje jis prideda gražų paprastą stilių, kurį potencialūs klientai laiko šiuolaikišku ir patraukliu. Pridėjome įdomių rėmelių ir pelės žymeklio renginių, kad jie būtų interaktyvesni ir įdomesni. Mūsų klientams „Font Awesome“ piktogramos naudojamos kaip vaizdinis užuomina įvesties laukuose, kad būtų lengviau nustatyti, kokio tipo duomenys turėtų būti įvedami, pavyzdžiui, kalendoriaus piktograma datos lauke, vokas el. Pašto adreso lauke arba telefono piktograma telefono numerio laukas. Jie naudojami funkciniuose mygtukuose, pavyzdžiui, redaguoti, kopijuoti ir spausdinti.
Piktogramos naudojamos norint suteikti greitą vaizdinę informaciją apie duomenis, pavyzdžiui, raudoną šauktuko piktogramą šalia pradelsto darbo užsakymo arba kai reikia kažko dėmesio. Jie yra dar keliose vietose, kad programa atrodytų gražiau.
„Awesome“ šriftas buvo nuostabus! Jų CDN yra greitas ir yra daugybė variantų kiekvienos rūšies piktogramai, kurios mums reikia. Mes niekada nelikome nusivylę.
Jeffas yra eWorkOrders.com prezidentas. „eWorkOrders“ yra lengvai naudojama žiniatinklio CMMS, padedanti klientams tvarkyti paslaugų užklausas, darbo užsakymus, išteklius, profilaktinę priežiūrą ir dar daugiau.
Rachel Foley: nebrangus būdas lengvai prieiti prie didžiulės piktogramų bibliotekos
„Map Mano klientai“ visiškai pasitiki „Font Awesome“ savo ikonografija visuose rinkodaros kanaluose ir mūsų produktu, įskaitant mūsų:
- Interneto svetainė
- Laiškus
- Socialinė žiniasklaida
- Individualizuota grafika
- Programa mobiliesiems
- Žiniatinklio programa
Mes naudojame „Font Awesome“, nes tai yra prieinamas būdas lengvai prieiti prie didžiulės piktogramų bibliotekos. Stilius labiau susijęs su žaisminga puse, atitinkančia mūsų prekės ženklą; Be to, galimybė mums naudoti įvairius piktogramų svorius ir stilius suteikia mums laisvės.
Savo programoms naudojame CDN, o tai leidžia labai nuosekliai jaustis per produkto vartotojo patirtį. Plius - atnaujinti, kai mums to reikia, yra labai paprasta. Turėdami rinkodaros medžiagą, mes esame šiek tiek lankstesni ir naudojame CDN, vietinių diegimo ir vektorinių versijų mišinį.
Nuo tada, kai sausio mėn. Visiškai priėmėme, FA visada buvo patikima.
Rachel yra Niujorke įsikūręs interneto dizaineris ir turinio rinkodaros profesionalas, siekiantis sustiprinti augančius B2B prekės ženklus ir sukurti ilgalaikę rinkodaros sėkmę pasitelkdamas SEO strategiją. Šiuo metu ji dirba „Žemėlapis Mano klientai“ - B2B pardavimo programinės įrangos įmonėje, kuriančioje sprendimus lauko pardavimų komandoms.
Andrew Ruditseris: kai patobulinome „Font Awesome“, taip ir mes
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 Socialinė žiniasklaida 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.
Dabar „Font Awesome“ siūlo platų piktogramų pasirinkimą. Manome, kad šis lankstumas yra naudingas mums nuo projektavimo etapo iki plėtros etapo. „Font Awesome“ jų platforma vartotojams siūlo dvi galimybes. Pirmosios parinktys yra nemokama paslauga, kurioje siūlomos 1 588 nemokamos piktogramos. Antrasis variantas yra narystė Pro, siūlanti 7842 piktogramas. Ši įmonė taip pat turi tai, ką mes vadiname „Icon“ žaidimų apgaulės lapu. Šiame sąraše rodomos visos jų siūlomos „Font Awesome“ piktogramos, kurios mums praneša, jei jos yra nemokamo paketo ar profesionalaus paketo dalis.
Norėdami pridėti, „Font Awesome“ taip pat siūlo galimybę ištraukti jų kodą iš jų CDN. Mes labai rekomenduojame eiti jų maršrutu. Jų CDN greitai reaguoja, o tarp mūsų svetainės ir jų platformos nėra „atsilikimo“.
Andrew Ruditser, vadovaujantis technologijų koordinatorius
Jeffas Romero: tai padaro puslapio greitį daug greitesnį
Mes kuriame „Wordpress“ tinkintas svetaines, skirtas mažiems ir vidutiniams verslo klientams. Mes istoriškai vaizdus naudojame vaizduojant įvairias piktogramas mūsų svetainėse, pradedant nuo socialinės žiniasklaidos profilių ir baigiant telefono ir el. Pašto piktogramomis. Piktogramų atvaizdo naudojimo procesas reikalauja surasti nuoseklų piktogramų rinkinį, įkelti juos ir tada pakeisti jų dydį, kad būtų užtikrinta, jog jie tinka svetainei.
Nors tai yra mažas vaizdo failas, tai yra procesas, kurį naudojant gaunamas nuoseklus piktogramų rinkinys ir jos suderinamos su svetainės šablonu. Dabar, naudodamiesi „Font Awesome“ ir jo „Wordpress“ įskiepiu, piktogramas galime pakeisti nuosekliu laikmenų rinkiniu, kuriam paprasčiausiai reikia nukopijuoti / įklijuoti HTML eilutę. Dar geriau, jei piktogramos gali būti pakeistos mažu CSS kiekiu (naudojant šrifto dydžio ypatybę). Piktogramos rodomos geriau nei paveikslėliais pagrįstos piktogramos ir yra aiškiai matomos mobiliuosiuose įrenginiuose. Galiausiai, kadangi tai yra HTML eilutė, o ne vaizdo failas, tai daro puslapio greitį daug greitesnį.
Jeffas Romero yra vienas iš „„Octiv Digital““, skaitmeninės rinkodaros agentūros, kuri specializuojasi vietinių ir įmonių SEO strategijoje, reklamos, mokamos už paspaudimą, valdymo, internetinio dizaino / plėtros ir rinkodaros analizės paslaugų, įkūrėjų.
„Vance“: ypač gerai, kai savo komandoje neturi dizainerio
Kaip žiniatinklio kūrėjas, naudoju „Font Awesome“ kaip greitą daugybės gražių piktogramų sprendimą. Nepaisant to, „Font Awesome“ yra ypač geras, kai savo kūrimo komandoje neturite dizainerio. Tai patogu kuriant „Wordpress“ papildinius, nes kūrėjai galėjo juos nekart įterpti naudodami „Font Awesome“ CDN.
Kol kas mano patirtis su „Font Awesome“ yra gera. Bet tai nereiškia, kad jis neturi jokių trūkumų. Vienas iš akivaizdžių trūkumų yra puslapio įkėlimo greitis (našumas). Kadangi tai greitas sprendimas, turite įterpti visą piktogramų rinkinį, net jei naudojate tik kelias piktogramas. Tai gali sumažinti svetainės įkėlimo greitį ir „Google Page Speed“ (PSI) balus.
„Vance“, žiniatinklio kūrėjas ir žiniatinklio savininkas.
Saulėtas Ešlis: paprastas, švarus ir iškart atpažįstamas naujiems lankytojams
Mūsų svetainės poraštėje naudojame „Font Awesome“ piktogramas. Tiksliau, mes naudojame „Facebook“, „Twitter“ ir „LinkedIn“ piktogramas norėdami nurodyti savo socialinės žiniasklaidos kanalus. Jie yra paprasti, švarūs ir iškart atpažįstami naujiems lankytojams. Kaip žino kiti „Font Awesome“ vartotojai, jie taip pat buvo labai greitai ir lengvai konfigūruojami.
Sunny Ashley, „Autoshopinvoice“ įkūrėja ir generalinė direktorė. „Autoshopinvoice“ teikia parduotuvių valdymo programinę įrangą nepriklausomoms automobilių remonto dirbtuvėms ir garažams.
Burakas Özdemiras: Plunksnos piktogramos nesukelia per didelio DOM dydžio
Plunksnos piktogramos yra skaitomų, vizualiai malonių atvirojo kodo piktogramų kolekcija, sukurta ir prižiūrima Cole Bemis. Nuo 2020 m. Birželio mėn. Yra daugiau nei 280 piktogramų. Visos „Plunksnų piktogramų“ pateiktos piktogramos yra MIT licencijuotos ir atsisiunčiamos atskirai kaip SVG failai. Prieš atsisiųsdami, galite pritaikyti piktogramos dydį, piktogramos brūkšnio spalvą ir brūkšnio plotį „Plunksnos piktogramos“ svetainėje.
Plunksnų piktogramos gali būti puikus pasirinkimas jūsų svetainei ar projektui, jei esate kūrėjas ar žinote, kaip tvarkyti kai kurias pagrindines priekinės užduoties užduotis. Kadangi šias lengvas piktogramas taip pat galima atvaizduoti naudojant modulinę „JavaScript“ biblioteką, jos nesukelia per didelio DOM dydžio - metrikos, kuri gali pakenkti jūsų tinklalapio našumui. Taigi, naudodami plunksnų piktogramas, galite labiau sumažinti puslapio įkėlimo greitį, palyginti su kitomis rinkomis, esančiomis rinkoje. Vienintelis šio piktogramų rinkinio naudojimo trūkumas yra tas, kad nerandate daugumos prekės ženklo piktogramų.
Plunksnos piktogramos
„Burakas Özdemiras“ yra žiniatinklio kūrėjas iš Turkijos. Jis specializuojasi kuriant internetines programas.
Michel Pinson yra kelionių entuziastų ir turinio kūrėjas. Susikerdamas aistrai švietimui ir tyrinėjimui, jis yra skirtas dalintis žiniomis ir įkvėpti kitus žavėdamasi edukaciniu turiniu. Suartinant pasaulį suteikiant įgalinant asmenis, turinčius pasaulinės patirties, ir klaidžiojimo jausmą.
