7 sfaturi expert despre pictograma Web setează utilizarea și beneficiile
- Jeff Roscher: adaugă stilul frumos frumos pe care clienții îl consideră modern și atrăgător
- Rachel Foley: o modalitate accesibilă de a accesa o bibliotecă masivă de pictograme cu ușurință
- Andrew Ruditser: pe măsură ce Font Awesome a fost modernizat, la fel și noi
- Jeff Romero: face viteza paginii mult mai rapidă
- Vance: deosebit de bine când nu ai un designer în echipa ta
- Sunny Ashley: simplu, curat și recunoscut instantaneu pentru vizitatorii noi
- Burak Özdemir: Pictogramele cu pene nu provoacă o dimensiune excesivă de DOM
Vă întrebați despre utilizarea unui set de pictograme pentru site-ul dvs. web și care să alegeți? Aceste sfaturi ar putea doar să vă convingă despre ceea ce mulți dezvoltatori web profesioniști știu deja: este mult mai ușor să căutați pictograme dintr-un set de pictograme inclus, decât să găsiți pictograme una câte una și să găsiți o modalitate de a le face într-un fel coerente împreună.
Am cerut comunității cele mai bune sfaturi despre utilizarea seturilor de pictograme și mulți dintre ei sunt de acord să utilizeze popularul set de pictograme Font Awesome, însă acesta nu este singurul set de pictograme disponibile pe piață.
Ce set de pictograme utilizați? Spuneți-ne în comentarii!
Utilizați un set de pictograme specifice pentru site-ul dvs. web? Utilizați Font Awesome pentru o anumită utilizare (de exemplu, cu Shopify, pentru un buletin informativ, ...)? Dacă da, de ce îl utilizați și care este experiența dvs. cu setul de icoane? Ați folosit CDN-ul lor, ați observat vreo îmbunătățire pentru utilizarea dvs.?Jeff Roscher: adaugă stilul frumos frumos pe care clienții îl consideră modern și atrăgător
Folosim Font Awesome pe eWorkOrders.com. Face parte atât din site-ul nostru de marketing, cât și din software-ul nostru ca serviciu (SAAS), oferind un sistem computerizat de gestionare a întreținerii (CMMS). Pe site-ul nostru de marketing, se adaugă un stil simplu și frumos pe care clienții potențiali îl consideră modern și atrăgător. Am adăugat granițe și evenimente mouseover interesante pentru a le face mai interactive și mai interesante. Pentru clienții noștri, pictogramele Font Awesome sunt utilizate ca un indiciu vizual în câmpurile de intrare pentru a ajuta la identificarea tipului de date care trebuie introduse, precum o pictogramă de calendar într-un câmp de date, un plic într-un câmp de adresă de e-mail sau o pictogramă de telefon într-un câmp pentru un număr de telefon. Sunt utilizate pe butoanele funcționale, cum ar fi editarea, copierea și tipărirea.
Pictogramele sunt utilizate pentru a oferi informații vizuale rapide despre date, cum ar fi o pictogramă exclamare roșie, lângă o ordine de lucru întârziată sau când ceva are nevoie de atenție. Ei sunt și în alte câteva locuri doar pentru a face programul să pară mai frumos ..
Font Awesome a fost minunat! CDN-ul lor este rapid și există multe opțiuni pentru fiecare tip de pictogramă diferită de care avem nevoie. Nu am fost niciodată dezamăgiți.
Jeff este președintele eWorkOrders.com. eWorkOrders este un CMMS bazat pe web ușor de utilizat, care ajută clienții să gestioneze cererile de servicii, comenzile de lucru, activele, întreținerea preventivă și multe altele.
Rachel Foley: o modalitate accesibilă de a accesa o bibliotecă masivă de pictograme cu ușurință
La Map My Client, ne bazăm pe Font Fantastic pentru iconografia noastră pe toate canalele de marketing și pe produsul nostru, inclusiv:
- website
- E-mailuri
- Social Media
- Grafică personalizată
- Aplicatie mobila
- Aplicația Web
Folosim Font Awesome, deoarece este o modalitate accesibilă de a accesa o bibliotecă masivă de pictograme cu ușurință. Stilul este mai mult pe partea jucăușă, care se aliniază cu brandul nostru; în plus, capacitatea noastră de a utiliza diferite greutăți și stiluri de icoane ne oferă libertate.
Folosim CDN-ul pentru aplicațiile noastre, ceea ce permite o simțire foarte consistentă în toată experiența utilizatorului produsului. În plus - este foarte simplu de actualizat atunci când trebuie. Cu materialele de marketing, suntem un pic mai flexibili și folosim un amestec de CDN, versiunile noastre locale de instalare și vector.
FA a fost întotdeauna de încredere pentru noi de când am adoptat pe deplin în ianuarie.
Rachel este un designer web și profesionist în marketingul de conținut bazat pe NYC, cu o acțiune de a spori brandurile B2B în creștere și de a construi succes de marketing pe termen lung prin strategia SEO. În prezent, este la Map My Clienters, o companie de software de vânzări B2B care creează soluții pentru echipe de vânzări pe teren.
Andrew Ruditser: pe măsură ce Font Awesome a fost modernizat, la fel și noi
Font Awesome este folosit pe toate site-urile noastre încă din zorii timpului. Când am început să lucrăm cu Font Awesome, aceasta a fost utilizată în principal pentru pictogramele lor de social media. Pe măsură ce fontul Awesome a fost modernizat, la fel și noi. Nu numai că icoanele lor de telefon sunt fantastice, ne bucurăm de pictogramele comice pe care le oferă. Ca recent, Font Awesome și-a anunțat pictogramele versiunii 6. Pentru noi, acest lucru arată că Font Awesome are grijă de utilizatorii lor și dorește să-și țină sistemul la zi cu codul recent.
Font Awesome oferă acum o gamă largă de icoane din care să alegeți. Considerăm că această flexibilitate este utilă pentru noi, din faza de proiectare până la faza de dezvoltare. Pentru Font Awesome, platforma lor oferă două opțiuni pentru utilizatorii lor. Prima opțiune este un serviciu gratuit, care oferă 1.588 de pictograme gratuite pentru a alege. A doua opțiune este o apartenență Pro, care oferă 7.842 de pictograme. Această companie are, de asemenea, ceea ce numim o foaie de înșelătorie Icon. Această listă afișează toate pictogramele pe care le oferă Font Awesome, care ne informează dacă fac parte din pachetul gratuit sau din pachetul pro.
Pentru a adăuga, Font Awesome oferă și o opțiune de a-și scoate codul de pe CDN-ul lor. Vă recomandăm să parcurgeți traseul lor. CDN-ul lor are un timp de răspuns rapid și avem puțin până la niciun „Lag” între site-ul nostru și platforma lor.
Andrew Ruditser, coordonator tehnologic principal
Jeff Romero: face viteza paginii mult mai rapidă
Dezvoltăm site-uri web personalizate pe Wordpress pentru clienții mici și mijlocii. Am folosit istoric imaginile pentru a reprezenta diverse pictograme de pe site-urile noastre web, de la profiluri de social media la pictograme de telefon și e-mail. Procesul de utilizare a unei imagini pentru pictograme necesită găsirea unui set consistent de pictograme, încărcarea lor și redimensionarea acestora pentru a vă asigura că se potrivesc site-ului.
Deși este un fișier cu imagini mici, este un proces unic pentru a obține un set consistent de pictograme și a le face să se potrivească cu șablonul site-ului. Acum, folosind Font Awesome și pluginul Wordpress, putem înlocui pictogramele cu un set consistent de suporturi care necesită pur și simplu copierea / lipirea unei linii HTML. Și mai bine, pictogramele pot fi redimensionate cu o cantitate mică de CSS (folosind proprietatea dimensiunii fontului). Pictogramele afișează mai bine decât o pictogramă bazată pe imagine și sunt clar vizibile pe dispozitivele mobile. În cele din urmă, deoarece este o linie de HTML, mai degrabă decât un fișier imagine, face viteza paginii mult mai rapidă.
Jeff Romero este co-fondatorul Octiv Digital, o agenție de marketing digital care este specializată în strategia SEO locală și de întreprindere, gestionarea publicității pay-per-click, design web / dezvoltare și servicii de analiză de marketing.
Vance: deosebit de bine când nu ai un designer în echipa ta
Ca dezvoltator web, folosesc Font Awesome ca soluție rapidă pentru o mulțime de icoane frumoase. Acestea fiind spuse, Font Awesome este deosebit de bun atunci când nu ai un designer în echipa de dezvoltare. Este util pentru dezvoltarea de pluginuri Wordpress, deoarece dezvoltatorii le-ar putea încorpora în pluginurile lor folosind CDN-urile Font Awesome în cel mai scurt timp.
Experiența mea cu Font Awesome este bună până acum. Dar asta nu înseamnă că nu are dezavantaje. Unul dintre dezavantajele evidente este viteza de încărcare a paginii (performanță). Deoarece este o soluție rapidă, trebuie să încorporați un set întreg de icoane, chiar dacă utilizați doar câteva pictograme. Aceasta ar putea scădea viteza de încărcare a site-ului și scorurile PSI (Google Page Speed).
Vance, dezvoltator web și proprietar web.
Sunny Ashley: simplu, curat și recunoscut instantaneu pentru vizitatorii noi
Folosim icoane Font Awesome în subsolul site-ului nostru. Mai exact, folosim pictogramele Facebook, Twitter și LinkedIn pentru a ne referi la canalele de social media. Sunt simple, curate și recunosc instantaneu pentru vizitatorii noi. După cum știu alți utilizatori ai fontului Awesome, au fost, de asemenea, foarte rapide și ușor de configurat.
Sunny Ashley, fondator și CEO al Autoshopinvoice. Autoshopinvoice oferă software de gestionare a magazinelor pentru ateliere și garaje independente.
Burak Özdemir: Pictogramele cu pene nu provoacă o dimensiune excesivă de DOM
Feather Icons este o colecție de icoane open-source citibile, plăcute și vizuale, proiectate și întreținute de Cole Bemis. În iunie 2020, există peste 280 de icoane disponibile. Toate pictogramele furnizate de Pictogramele Feather sunt licențiate de MIT și se pot descărca separat ca fișiere SVG. Puteți personaliza dimensiunea pictogramei, culoarea pictogramei pictogramelor și lățimea cursei pe site-ul web al pictogramei Feather înainte de a le descărca.
Pictogramele cu pene pot fi o alegere excelentă pentru site-ul sau proiectul dvs. dacă sunteți dezvoltator sau știți cum să gestionați anumite activități de bază. Deoarece aceste pictograme ușoare pot fi redate și cu o bibliotecă JavaScript modulară, acestea nu provoacă o dimensiune DOM excesivă, o metrică care poate dăuna performanței paginii tale web. Astfel, folosind pictogramele Feather, puteți reduce viteza de încărcare a paginii mai mult în comparație cu alte pachete disponibile pe piață. Singurul dezavantaj al utilizării acestui set de pictograme este că nu puteți găsi cele mai multe pictograme ale mărcii.
Icoane cu pene
Burak Özdemir este un dezvoltator web din Turcia. Este specializat în crearea de aplicații bazate pe web.
Michel Pinson este un pasionat de călătorii și un creator de conținut. Fuzionând pasiunea pentru educație și explorare, el nu este obținut să împărtășească cunoștințe și să -i inspire pe ceilalți prin captivarea conținutului educațional. Aducerea lumii mai aproape prin împuternicirea persoanelor cu expertiză globală și un sentiment de rătăcire.
