7 ekspertu padomi par tīmekļa ikonu nosaka lietojumu un priekšrocības
- Džefs Rasers: tas pievieno jauku vienkāršu stilu, kas klientiem šķiet moderns un pievilcīgs
- Rachel Foley: pieejamais veids, kā viegli piekļūt masveida ikonu bibliotēkai
- Endrjū Ruditsers: līdz ar Font Awesome jaunināšanu, tāpat kā mēs
- Džefs Romero: tas padara lapas ātrumu daudz ātrāku
- Vance: īpaši labi, ja komandā nav dizainera
- Saulainā Ešlija: vienkārša, tīra un uzreiz atpazīstama jauniem apmeklētājiem
- Buraks Özdemirs: Spalvu ikonas neizraisa pārmērīgu DOM lielumu
Vai jūs domājat par ikonu kopas izmantošanu savai vietnei un kuru izvēlēties? Šie ekspertu padomi varētu tikai pārliecināt jūs par to, ko daudzi profesionālie tīmekļa izstrādātāji jau zina: daudz vienkāršāk ir meklēt ikonas no iekļautā ikonu komplekta, nekā atrast ikonas pa vienai un atrast veidu, kā tās kaut kā saskaņot.
Mēs lūdzām sabiedrībai savus labākos padomus par ikonu komplektu izmantošanu, un daudzi no viņiem vienojas par populārā fontu satriecošā ikonu komplekta izmantošanu, taču tas nav vienīgais tirgū pieejamais ikonu komplekts.
Kuru ikonu kopu jūs izmantojat? Paziņojiet mums komentāros!
Vai jūs savai vietnei izmantojat īpašu ikonu komplektu? Vai jūs izmantojat fontu satriecošu (Font Awesome) konkrētam lietojumam (piemēram, ar Shopify, informatīvajam izdevumam ...)? Ja jā, kāpēc jūs to izmantojat, un kāda ir jūsu pieredze ar ikonu komplektu? Vai esat izmantojis viņu CDN, vai esat pamanījis uzlabojumus jūsu lietošanā?Džefs Rasers: tas pievieno jauku vienkāršu stilu, kas klientiem šķiet moderns un pievilcīgs
Mēs izmantojam fontu satriecošu vietnē eWorkOrders.com. Tā ir daļa no mūsu mārketinga vietnes un mūsu programmatūras kā pakalpojuma (SAAS) piedāvājuma, datorizētas apkopes pārvaldības sistēmas (CMMS). Mūsu mārketinga vietnē tas pievieno jauku, vienkāršu stilu, kas potenciālajiem klientiem šķiet mūsdienīgs un pievilcīgs. Mēs esam pievienojuši interesantus apmales un peles kursoru pārvietošanas pasākumus, lai tie būtu interaktīvāki un aizraujošāki. Mūsu klientiem Font Awesome ikonas tiek izmantotas kā vizuāls norāde ievades laukos, lai palīdzētu noteikt, kāda veida dati jāievada, piemēram, kalendāra ikona datuma laukā, aploksne e-pasta adreses laukā vai tālruņa ikona lauks tālruņa numuram. Tie tiek izmantoti funkcionālām pogām, piemēram, rediģēšanai, kopēšanai un drukāšanai.
Ikonas tiek izmantotas, lai sniegtu ātru vizuālu informāciju par datiem, piemēram, sarkanu izsaukuma ikonu blakus nokavēta darba pasūtījuma gadījumā vai kad kaut kam jāpievērš uzmanība. Tie atrodas arī dažās citās vietās, tikai lai programma būtu glītāka.
Font Awesome ir bijis satriecošs! Viņu CDN ir ātrs, un katrai dažāda veida ikonai, kas mums vajadzīga, ir daudz iespēju. Mēs nekad neesam vīlušies.
Džefs ir eWorkOrders.com prezidents. eWorkOrders ir ērti lietojams tīmekļa CMMS, kas palīdz klientiem pārvaldīt pakalpojumu pieprasījumus, darba pasūtījumus, aktīvus, profilaktisko apkopi un daudz ko citu.
Rachel Foley: pieejamais veids, kā viegli piekļūt masveida ikonu bibliotēkai
Kartē Mana klienti mēs pilnībā paļaujamies uz fontu satriecošu, izmantojot mūsu ikonogrāfiju visos mārketinga kanālos un mūsu produktu, ieskaitot mūsu:
- Vietne
- E-pasti
- Sociālie mēdiji
- Pielāgota grafika
- Mobilā lietotne
- Tīmekļa lietotne
Mēs izmantojam satriecošu fontu, jo tas ir lēts veids, kā viegli piekļūt lielai ikonu bibliotēkai. Stils vairāk ir rotaļīgā pusē, kas atbilst mūsu zīmolam; Turklāt spēja mums izmantot dažādus ikonu svarus un stilus dod mums brīvību.
Mēs izmantojam CDN savām lietojumprogrammām, kas ļauj ļoti konsekventi justies visā produkta lietotāja pieredzē. Plus - to ir ļoti vienkārši jaunināt, kad mums tas ir nepieciešams. Izmantojot mārketinga materiālus, mēs esam mazliet elastīgāki un izmantojam CDN, mūsu vietējās instalēšanas un vektora versiju sajaukumu.
Kopš janvāra pilnīgas pieņemšanas FA ir vienmēr bijusi mums uzticama.
Rachel ir uz NYC balstīta tīmekļa dizainere un satura mārketinga profesionāle, kuras mērķis ir uzlabot augošos B2B zīmolus un, izmantojot SEO stratēģiju, sasniegt ilgtermiņa mārketinga panākumus. Pašlaik viņa strādā Karte Mani klienti, B2B tirdzniecības programmatūras uzņēmumā, kurš rada risinājumus tirdzniecības vietām komandās.
Endrjū Ruditsers: līdz ar Font Awesome jaunināšanu, tāpat kā mēs
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 Sociālie mēdiji 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 tagad piedāvā plašu ikonu klāstu, no kuriem izvēlēties. Mēs uzskatām, ka šī elastība mums ir noderīga no projektēšanas fāzes līdz attīstības fāzei. Font Awesome viņu platforma lietotājiem piedāvā divas iespējas. Pirmās iespējas ir bezmaksas pakalpojums, kas piedāvā 1 588 bezmaksas ikonas, no kurām izvēlēties. Otra iespēja ir Pro dalība, kas piedāvā 7842 ikonas. Šim uzņēmumam ir arī tas, ko mēs saucam par Icon apkrāptu lapu. Šajā sarakstā tiek parādītas visas viņu ikonas, kuras piedāvā Font Awesome, un tas mūs informē, ja tās ir daļa no bezmaksas paketes vai pro paketes.
Lai pievienotu, fonts Awesome piedāvā arī iespēju izvilkt viņu kodu no CDN. Mēs ļoti iesakām iet viņu ceļu. Viņu CDN ir ātrs reakcijas laiks, un starp mūsu vietni un viņu platformu mums ir maz vai nav “nobīdes”.
Endrjū Ruditsers, vadošais tehnoloģiju koordinators
Džefs Romero: tas padara lapas ātrumu daudz ātrāku
Mēs izstrādājam pielāgotas vietnes Wordpress maziem un vidējiem biznesa klientiem. Mēs vēsturiski esam izmantojuši attēlus, lai attēlotu dažādas ikonas mūsu vietnēs, sākot no sociālo mediju profiliem un beidzot ar tālruņa un e-pasta ikonām. Lai izmantotu attēlu ikonām, ir jāatrod konsekvents ikonu komplekts, augšupielādējot tos un pēc tam mainot izmērus, lai pārliecinātos, ka tie ir piemēroti vietnei.
Lai arī tas ir mazs attēla fails, tas ir mazliet process, lai iegūtu konsekventu ikonu komplektu un panāktu to atbilstību vietnes veidnei. Tagad, izmantojot Font Awesome un tā Wordpress spraudni, mēs varam aizstāt ikonas ar konsekventu multivides komplektu, kam vienkārši nepieciešama HTML rindas kopēšana / ielīmēšana. Vēl labāk, ikonas var mainīt ar nelielu CSS daudzumu (izmantojot fonta lieluma rekvizītu). Ikonas tiek parādītas labāk nekā attēla ikonas, un tās ir skaidri redzamas mobilajās ierīcēs. Visbeidzot, tā kā tā ir HTML rindiņa, nevis attēla fails, tas lapas ātrumu padara daudz ātrāku.
Džefs Romero ir līdzdibinātājs Octiv Digital - digitālā mārketinga aģentūrai, kas specializējas vietējo un uzņēmumu SEO stratēģijā, maksas par klikšķi reklāmas pārvaldībā, tīmekļa dizaina / attīstības un mārketinga analītikas pakalpojumos.
Vance: īpaši labi, ja komandā nav dizainera
Kā tīmekļa izstrādātājs es izmantoju fontu satriecošu kā ātru risinājumu daudzām jaukām ikonām. Tomēr Font Awesome ir īpaši labs, ja jūsu attīstības komandā nav dizainera. Tas ir parocīgs Wordpress spraudņu izstrādei, jo izstrādātāji var tos iegult savā spraudnī, izmantojot Font Awesome kompaktdiskus.
Mana pieredze ar Font Awesome līdz šim ir laba. Bet tas nenozīmē, ka tam nav nekādu trūkumu. Viens no acīmredzamiem trūkumiem ir lapas ielādes ātrums (veiktspēja). Tā kā tas ir ātrs risinājums, jums jāiekļauj viss ikonu komplekts, kaut arī jūs izmantojat tikai dažas ikonas. Tas varētu samazināt vietnes ielādes ātrumu un Google Page Speed (PSI) rādītājus.
Vance, tīmekļa izstrādātājs un tīmekļa īpašnieks.
Saulainā Ešlija: vienkārša, tīra un uzreiz atpazīstama jauniem apmeklētājiem
Mūsu vietnes kājenē tiek izmantotas Font Awesome ikonas. Konkrēti, mēs izmantojam Facebook, Twitter un LinkedIn ikonas, lai atsauktos uz mūsu sociālo mediju kanāliem. Tie ir vienkārši, tīri un uzreiz atpazīstami jauniem apmeklētājiem. Kā zina citi Font Awesome lietotāji, viņi arī bija ļoti ātri un viegli konfigurējami.
Saulainais Ešlijs, Autoshopinvoice dibinātājs un izpilddirektors. Autoshopinvoice nodrošina veikalu pārvaldības programmatūru neatkarīgiem autoservisiem un garāžām.
Buraks Özdemirs: Spalvu ikonas neizraisa pārmērīgu DOM lielumu
Spalvu ikonas ir lasāmas, vizuāli patīkamas atvērtā pirmkoda ikonu kolekcija, ko izstrādājusi un uztur Kola Bemisa. Kopš 2020. gada jūnija ir pieejamas vairāk nekā 280 ikonas. Visas ikonas, ko nodrošina spalvu ikonas, ir MIT licencētas, un tās var lejupielādēt atsevišķi kā SVG failus. Pirms to lejupielādes var pielāgot ikonas izmēru, ikonas rakstzīmes krāsu un joslas platumu Spalvu ikonas vietnē.
Spalvu ikonas var būt lieliska izvēle jūsu vietnei vai projektam, ja esat izstrādātājs vai zināt, kā rīkoties ar dažiem pamata pielietojuma uzdevumiem. Tā kā šīs vieglās ikonas var padarīt arī ar modulāru JavaScript bibliotēku, tās neizraisa pārmērīgu DOM izmēru, kas var kaitēt jūsu tīmekļa lapas veiktspējai. Tādējādi, izmantojot spalvu ikonas, jūs varat vairāk samazināt lapas ielādes ātrumu salīdzinājumā ar citiem tirgū pieejamajiem pakotnēm. Vienīgais šīs ikonu kopas izmantošanas trūkums ir tas, ka jūs nevarat atrast lielāko daļu zīmolu ikonu.
Spalvu ikonas
Buraks Özdemirs ir tīmekļa izstrādātājs no Turcijas. Viņš specializējas tīmekļa lietojumprogrammu izveidē.
Mišels Pinsons ir ceļojumu entuziasts un satura veidotājs. Apmeklējot aizraušanos ar izglītību un izpēti, viņš ir apņēmies dalīties zināšanās un iedvesmot citus, aizraujot izglītības saturu. Tuvinot pasauli, dodot iespēju indivīdiem ar globālu kompetenci un klejošanas sajūtu.
