7 asiantuntijavihjeä Web-kuvakkeesta asettaa käytön ja edut



Haluatko käyttää kuvakesarjaa verkkosivustollesi ja kumpi valita? Nämä asiantuntijavinkit saattavat vain vakuuttaa sinut siitä, mitä monet ammattimaiset web-kehittäjät jo tietävät: on paljon helpompaa etsiä kuvakkeita mukana olevasta kuvakokoelmasta kuin löytää kuvakkeet yksitellen ja löytää tapa tehdä niistä jotenkin yhdenmukaisia.

Pyysimme yhteisöltä parhaimpia vinkkejä kuvakkeiden käyttämiseen, ja monet heistä sopivat suositun Font Awesome -kuvakesarjan käytöstä, mutta se ei kuitenkaan ole ainoa markkinoilla saatavana oleva kuvakesarja.

Mitä kuvakesarjaa käytät? Kerro meille kommenteissa!

 Käytätkö erityistä kuvakesarjaa verkkosivustollesi? Käytätkö Font Awesome -sovellusta tietyssä käytössä (ts. Shopifyn kanssa, uutiskirjeessä ...)? Jos on, miksi käytät sitä, ja mikä on kokemuksesi kuvakkeet asettaa? Oletko käyttänyt heidän CDN: tä, oletko huomannut parannuksia käytöksesi suhteen?

Jeff Roscher: se lisää mukavaa yksinkertaista tyyliä, jonka asiakkaat pitävät modernina ja houkuttelevana

Käytämme Mahtavaa kirjasinta eWorkOrders.com-sivustossa. Se on osa sekä markkinointisivustoamme että palvelumme ohjelmistoja (SAAS), joka tarjoaa tietokoneistetun ylläpidonhallintajärjestelmän (CMMS). Markkinointisivustollamme se lisää mukavaa yksinkertaista tyyliä, jonka mahdolliset asiakkaat pitävät nykyaikaisena ja houkuttelevana. Olemme lisänneet mielenkiintoisia reunuksia ja hiiren siirtämistapahtumia, jotta niistä tulisi vuorovaikutteisia ja jännittäviä. Asiakkaillemme Font Awesome -kuvakkeita käytetään visuaalisena osoituksena syöttökenttien sisällä, jotta voidaan tunnistaa, minkä tyyppiset tiedot pitäisi syöttää, kuten kalenterikuvake päivämääräkentässä, kirjekuori sähköpostiosoitekentässä tai puhelimen kuvake kenttä puhelinnumerolle. Niitä käytetään toiminnallisissa painikkeissa, kuten muokkaus, kopiointi ja tulostaminen.

Kuvakkeita käytetään antamaan nopeaa visuaalista tietoa tiedoista, kuten punainen huutokuvake myöhästyneen tilauksen vieressä tai kun jokin vaatii huomion. Ne ovat myös muutamissa muissa paikoissa vain tehdäkseen ohjelmasta näyttämään mukavammalta ..

Font Awesome on ollut mahtava! Heidän CDN on nopea ja jokaiselle erityyppiselle kuvakkeelle on monia vaihtoehtoja. Emme ole koskaan pettyneet.

Jeff on eWorkOrders.comin presidentti. eWorkOrders on helppokäyttöinen verkkopohjainen CMMS, joka auttaa asiakkaita hallitsemaan palvelupyyntöjä, työtilauksia, omaisuutta, ennaltaehkäisevää huoltoa ja paljon muuta.
Jeff on eWorkOrders.comin presidentti. eWorkOrders on helppokäyttöinen verkkopohjainen CMMS, joka auttaa asiakkaita hallitsemaan palvelupyyntöjä, työtilauksia, omaisuutta, ennaltaehkäisevää huoltoa ja paljon muuta.

Rachel Foley: edullinen tapa päästä massiiviseen kuvakokoelmaan helposti

Map My Customer -tapahtumissa luotamme täysin Font Awesome -kuvaan ikonografiaan kaikilla markkinointikanavilla ja tuotteemme mukaan lukien:

  • Verkkosivusto
  • sähköpostit
  • Sosiaalinen media
  • Mukautettu grafiikka
  • Mobiilisovellus
  • Web-sovellus

Käytämme Mahtavaa kirjasinta, koska se on edullinen tapa päästä massiiviseen kuvakokoelmaan helposti. Tyyli on enemmän leikkisällä puolella, joka sopii brändimme kanssa; Lisäksi mahdollisuus käyttää erilaisia ​​painoja ja tyylityyppejä antaa meille vapauden.

Käytämme CDN-sovelluksia sovelluksissamme, mikä antaa erittäin johdonmukaisen tunteen tuotteen käyttökokemuksesta. Plus - päivitys on erittäin helppoa, kun tarvitsemme. Markkinointimateriaalien avulla olemme hiukan joustavampia ja käytämme sekoitusta CDN: ää, paikallisia asennus- ja vektoriversioita.

FA on ollut meille aina luotettavaa tammikuusta lähtien.

Rachel on NYC-pohjainen verkkosuunnittelija ja sisältömarkkinoinnin ammattilainen, joka pyrkii parantamaan kasvavia B2B-tuotemerkkejä ja rakentamaan pitkän aikavälin markkinointimenestystä SEO-strategian avulla. Hän on tällä hetkellä Kartta omat asiakkaani -yrityksessä, B2B-myyntiohjelmistoyrityksessä, joka luo ratkaisuja kenttämyyntitiimeille.
Rachel on NYC-pohjainen verkkosuunnittelija ja sisältömarkkinoinnin ammattilainen, joka pyrkii parantamaan kasvavia B2B-tuotemerkkejä ja rakentamaan pitkän aikavälin markkinointimenestystä SEO-strategian avulla. Hän on tällä hetkellä Kartta omat asiakkaani -yrityksessä, B2B-myyntiohjelmistoyrityksessä, joka luo ratkaisuja kenttämyyntitiimeille.

Andrew Ruditser: Kun Font Awesome päivitettiin, niin mekin

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 Sosiaalinen media 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 tarjoaa nyt laajan valikoiman kuvakkeita. Mielestämme tämä joustavuus on meille hyödyllinen suunnitteluvaiheesta kehitysvaiheeseen. Font Awesome -sovelluksen käyttäjien foorumi tarjoaa kaksi vaihtoehtoa. Ensimmäiset vaihtoehdot on ilmainen palvelu, joka tarjoaa 1 588 ilmaista kuvaketta, joista valita. Toinen vaihtoehto on Pro-jäsenyys, joka tarjoaa 7842 kuvakkeita. Tällä yrityksellä on myös niin kutsuttu ikonihuijausarkki. Tässä luettelossa näkyvät kaikki heidän Font Awesome tarjoamiensa kuvakkeet, jotka ilmoittavat meille, kuuluvatko ne ilmaiseen pakettiin tai pro-pakettiin.

Lisää Font Awesome tarjoaa myös mahdollisuuden vetää heidän koodinsa CDN: stä. Suosittelemme menemään heidän reittinsä. Heidän CDN: llä on nopea vastausaika, ja sivustollamme ja heidän alustansa välillä ei ole juurikaan viivettä.

Andrew Ruditser, johtava teknologiakoordinaattori
Andrew Ruditser, johtava teknologiakoordinaattori

Jeff Romero: se nopeuttaa sivun nopeutta

Kehitämme räätälöityjä verkkosivustoja Wordpressissä pienille ja keskisuurille yritysasiakkaille. Olemme historiallisesti käyttäneet kuvia edustamaan verkkosivuillamme erilaisia ​​kuvakkeita sosiaalisen median profiileista puhelin- ja sähköposti-kuvakkeisiin. Kuvan käyttämisprosessi kuvakkeisiin vaatii johdonmukaisen joukon kuvakkeiden löytämisen, niiden lataamisen ja niiden koon muuttamisen sen varmistamiseksi, että ne sopivat sivustoon.

Vaikka se on pieni kuvatiedosto, se on vähän prosessi saada johdonmukainen joukko kuvakkeita ja saada ne vastaamaan sivuston mallia. Nyt, Font Awesome ja sen Wordpress-laajennusta käyttämällä, voimme korvata kuvakkeet yhtenäisellä joukolla mediaa, joka yksinkertaisesti vaatii HTML-rivin kopioinnin / liittämisen. Vielä parempi, kuvakkeiden kokoa voidaan muuttaa pienellä määrällä CSS: ää (käyttämällä fonttikokoominaisuutta). Kuvakkeet näyttävät paremmin kuin kuvapohjaiset kuvakkeet ja ne ovat selvästi näkyvissä mobiililaitteissa. Viimeinkin, koska kyseessä on pikemminkin HTML-rivi kuin kuvatiedosto, se nopeuttaa sivua paljon nopeammin.

Jeff Romero on Octiv Digital -yrityksen perustaja, joka on digitaalisen markkinoinnin toimisto, joka on erikoistunut paikallisten ja yritysten SEO-strategiaan, mainoshallinnan, verkkosivujen suunnitteluun ja markkinointianalytiikkaan liittyviin palveluihin.
Jeff Romero on Octiv Digital -yrityksen perustaja, joka on digitaalisen markkinoinnin toimisto, joka on erikoistunut paikallisten ja yritysten SEO-strategiaan, mainoshallinnan, verkkosivujen suunnitteluun ja markkinointianalytiikkaan liittyviin palveluihin.

Vance: erityisen hyvä, kun sinulla ei ole suunnittelijaa joukkueessasi

Verkkosuunnittelijana käytän Font Awesome -laitetta nopeana ratkaisuna monille mukaville kuvakkeille. Font Awesome on erityisen hyvä, kun sinulla ei ole suunnittelijaa kehitysryhmässäsi. Se on kätevä Wordpress-laajennusten kehittämisessä, koska kehittäjät voivat upottaa ne laajennuksiinsa Font Awesomen CDN-levyillä nopeasti.

Kokemukseni Font Awesomen kanssa on toistaiseksi hyvä. Mutta se ei tarkoita, että sillä ei olisi haittoja. Yksi ilmeisistä haitoista on sivun latausnopeus (suorituskyky). Koska se on nopea ratkaisu, joudut upottamaan kokonaisen joukon kuvakkeita, vaikka käytätkin vain muutamia kuvakkeita. Tämä saattaa vähentää verkkosivustojen latausnopeutta ja Google Page Speed ​​(PSI) -pisteitä.

Vance, verkkokehittäjä ja web-omistaja.
Vance, verkkokehittäjä ja web-omistaja.

Sunny Ashley: yksinkertainen, puhdas ja heti tunnistettavissa uusille vierailijoille

Käytämme Font Awesome -kuvakkeita verkkosivustomme alatunnisteessa. Käytämme erityisesti Facebook-, Twitter- ja LinkedIn-kuvakkeita viitaamaan sosiaalisen median kanaviin. Ne ovat yksinkertaisia, puhtaita ja tunnistettavissa uusille vierailijoille heti. Kuten muut Font Awesome -käyttäjät tietävät, he olivat myös erittäin nopeita ja helppoja määrittää.

Sunny Ashley, Autoshopinvoicen perustaja ja toimitusjohtaja. Autoshopinvoice tarjoaa kauppojen hallintaohjelmistot riippumattomille autokorjaamoille ja autotalleille.
Sunny Ashley, Autoshopinvoicen perustaja ja toimitusjohtaja. Autoshopinvoice tarjoaa kauppojen hallintaohjelmistot riippumattomille autokorjaamoille ja autotalleille.

Burak Özdemir: Sulkakuvat eivät aiheuta liian suurta DOM-kokoa

Feather Icons on kokoelma luettavissa olevia, visuaalisesti miellyttäviä avoimen lähdekoodin kuvakkeita, jotka on suunnitellut ja ylläpitänyt Cole Bemis. Kesäkuusta 2020 alkaen on saatavana yli 280 kuvaketta. Kaikki sulkakuvakkeiden tarjoamat kuvakkeet ovat MIT-lisensoituja, ja ne voidaan ladata erikseen SVG-tiedostoina. Voit mukauttaa kuvakkeen kokoa, kuvakkeen viivan väriä ja viivan leveyttä Feather Icon -sivustolla ennen niiden lataamista.

Sulkakuvakkeet voivat olla loistava valinta verkkosivustollesi tai projektillesi, jos olet kehittäjä tai osaat käsitellä joitain etukäteen tehtäviä. Koska nämä kevyet kuvakkeet voidaan myös tehdä modulaarisella JavaScript-kirjastolla, ne eivät aiheuta liian suurta DOM-kokoa, mittari, joka voi vahingoittaa verkkosivusi suorituskykyä. Siten, käyttämällä höyhenkuvakkeita, voit pienentää sivun latausnopeutta enemmän verrattuna muihin markkinoilla saataviin paketteihin. Tämän kuvakesarjan käytön ainoa haittapuoli on, että et löydä useimpia tuotemerkkikuvakkeita.

Sulka kuvakkeet
Burak Özdemir on web-kehittäjä Turkista. Hän on erikoistunut verkkopohjaisten sovellusten luomiseen.
Burak Özdemir on web-kehittäjä Turkista. Hän on erikoistunut verkkopohjaisten sovellusten luomiseen.

Michel Pinson
Kirjailijasta - Michel Pinson
Michel Pinson on matkaharrastaja ja sisällön luoja. Yhdistämällä intohimo koulutukseen ja tutkimukseen, hän oli sitoutunut jakamaan tietoa ja inspiroimaan muita kiehtovan koulutussisällön avulla. Maailman tuominen lähemmäksi valtuuttamalla yksilöitä, joilla on globaali asiantuntemus ja Wanderlust -tunne.




Kommentit (0)

Jätä kommentti