7 porad ekspertów na temat ikony sieci Web określa sposób użytkowania i korzyści
- Jeff Roscher: dodaje ładnej, prostej stylizacji, którą klienci uważają za nowoczesną i atrakcyjną
- Rachel Foley: niedrogi sposób na łatwy dostęp do ogromnej biblioteki ikon
- Andrew Ruditser: gdy zaktualizowaliśmy Font Awesome, tak samo zrobiliśmy
- Jeff Romero: znacznie przyspiesza szybkość strony
- Vance: szczególnie dobre, gdy nie masz projektanta w swoim zespole
- Sunny Ashley: proste, przejrzyste i natychmiast rozpoznawalne dla nowych gości
- Burak Özdemir: Ikony piór nie powodują nadmiernego rozmiaru DOM
Zastanawiasz się, czy użyć zestawu ikon dla swojej witryny internetowej i którą wybrać? Te porady ekspertów mogą po prostu przekonać Cię o tym, co wielu profesjonalnych programistów internetowych już wie: znacznie łatwiej jest wyszukiwać ikony z dołączonego zestawu ikon, niż znajdować ikony jedna po drugiej i znaleźć sposób na ich spójne połączenie.
Poprosiliśmy społeczność o najlepsze wskazówki dotyczące korzystania z zestawów ikon, a wielu z nich zgadza się na użycie popularnego zestawu ikon Font Awesome, ale nie jest to jedyny zestaw ikon dostępny na rynku.
Z jakiego zestawu ikon korzystasz? Dajcie nam znać w komentarzach!
Czy używasz określonego zestawu ikon w swojej witrynie? Czy używasz Font Awesome do określonego użytku (np. W Shopify, do newslettera, ...)? Jeśli tak, dlaczego go używasz i jakie masz doświadczenia z zestawem ikon? Czy korzystałeś z ich CDN, czy zauważyłeś poprawę w swoim użytkowaniu?Jeff Roscher: dodaje ładnej, prostej stylizacji, którą klienci uważają za nowoczesną i atrakcyjną
Używamy Font Awesome na eWorkOrders.com. Stanowi on część zarówno naszej witryny marketingowej, jak i oferowanego przez nas oprogramowania jako usługi (SAAS), czyli skomputeryzowanego systemu zarządzania konserwacją (CMMS). W naszej witrynie marketingowej dodaje ładne, proste stylizacje, które potencjalni klienci uważają za nowoczesne i atrakcyjne. Dodaliśmy ciekawe ramki i zdarzenia po najechaniu kursorem myszy, aby uczynić je bardziej interaktywnymi i ekscytującymi. Dla naszych klientów ikony Font Awesome są używane jako wizualna wskazówka w polach wejściowych, aby pomóc określić, jaki typ danych należy wprowadzić, na przykład ikona kalendarza w polu daty, koperta w polu adresu e-mail lub ikona telefonu w polu pole na numer telefonu. Są używane na przyciskach funkcyjnych, takich jak edycja, kopiowanie i drukowanie.
Ikony służą do wyświetlania szybkich informacji wizualnych o danych, takich jak czerwona ikona wykrzyknika obok zaległego zlecenia pracy lub gdy coś wymaga uwagi. Są też w kilku innych miejscach, żeby program ładniej wyglądał.
Font Awesome był niesamowity! Ich CDN jest szybki i istnieje wiele opcji dla każdego rodzaju ikony, której potrzebowaliśmy. Nigdy się nie zawiedliśmy.
Jeff jest prezesem eWorkOrders.com. eWorkOrders to łatwy w użyciu internetowy system CMMS, który pomaga klientom zarządzać zgłoszeniami serwisowymi, zleceniami pracy, zasobami, konserwacją zapobiegawczą i nie tylko.
Rachel Foley: niedrogi sposób na łatwy dostęp do ogromnej biblioteki ikon
W Mapuj moich klientów w pełni polegamy na Font Awesome w zakresie naszej ikonografii we wszystkich kanałach marketingowych oraz w naszym produkcie, w tym:
- Stronie internetowej
- E-maile
- Media społecznościowe
- Grafika niestandardowa
- Aplikacja mobilna
- Aplikacja internetowa
Używamy Font Awesome, ponieważ jest to niedrogi sposób na łatwy dostęp do ogromnej biblioteki ikon. Styl jest bardziej zabawny, co pasuje do naszej marki; ponadto możliwość używania różnych wag i stylów ikon daje nam swobodę.
Używamy CDN w naszych aplikacjach, co pozwala na bardzo spójne odczucia podczas korzystania z produktu. Plus - bardzo łatwo jest zaktualizować, gdy zajdzie taka potrzeba. Dzięki materiałom marketingowym jesteśmy nieco bardziej elastyczni i korzystamy z połączenia CDN, naszej lokalnej instalacji i wersji wektorowej.
FA zawsze była dla nas niezawodna, odkąd w pełni ją przyjęliśmy w styczniu.
Rachel jest nowojorską projektantką stron internetowych i specjalistką od marketingu treści, której zależy na ulepszaniu rozwijających się marek B2B i budowaniu długoterminowego sukcesu marketingowego poprzez strategię SEO. Obecnie pracuje w Mapuj moich klientów, firmie zajmującej się sprzedażą B2B, tworzącej rozwiązania dla terenowych zespołów sprzedaży.
Andrew Ruditser: gdy zaktualizowaliśmy Font Awesome, tak samo zrobiliśmy
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 Media społecznościowe 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 oferuje teraz szeroką gamę ikon do wyboru. Uważamy, że ta elastyczność jest dla nas pomocna od fazy projektowania do fazy rozwoju. W przypadku Font Awesome ich platforma oferuje użytkownikom dwie opcje. Pierwsza opcja to bezpłatna usługa, która oferuje 1588 bezpłatnych ikon do wyboru. Druga opcja to członkostwo Pro, które oferuje 7842 ikony. Ta firma ma również coś, co nazywamy ściągawką Icon. Ta lista wyświetla wszystkie ich ikony oferowane przez Font Awesome, które informują nas, czy są częścią bezpłatnego pakietu, czy pakietu pro.
Aby dodać, Font Awesome oferuje również opcję pobrania kodu z ich CDN. Gorąco polecamy pójście ich trasą. Ich CDN ma szybki czas reakcji, a między naszą witryną a ich platformą nie mamy żadnych „opóźnień”.
Andrew Ruditser, główny koordynator ds. Technologii
Jeff Romero: znacznie przyspiesza szybkość strony
Tworzymy niestandardowe strony internetowe w Wordpress dla małych i średnich klientów biznesowych. W przeszłości używaliśmy obrazów do reprezentowania różnych ikon na naszych stronach internetowych, od profili mediów społecznościowych po ikony telefonów i wiadomości e-mail. Proces używania obrazu dla ikon wymaga znalezienia spójnego zestawu ikon, przesłania ich, a następnie zmiany ich rozmiaru, aby pasowały do witryny.
Chociaż jest to mały plik obrazu, uzyskanie spójnego zestawu ikon i dopasowanie ich do szablonu witryny to trochę trudny proces. Teraz, używając Font Awesome i jego wtyczki Wordpress, możemy zastąpić ikony spójnym zestawem multimediów, który po prostu wymaga skopiowania / wklejenia wiersza kodu HTML. Co więcej, rozmiar ikon można zmieniać za pomocą niewielkiej ilości kodu CSS (przy użyciu właściwości font-size). Ikony wyświetlają się lepiej niż ikona z obrazem i są wyraźnie widoczne na urządzeniach mobilnych. Wreszcie, ponieważ jest to wiersz kodu HTML, a nie plik obrazu, znacznie przyspiesza działanie strony.
Jeff Romero jest współzałożycielem Octiv Digital, agencji marketingu cyfrowego, która specjalizuje się w lokalnych i korporacyjnych strategiach SEO, zarządzaniu reklamami typu pay-per-click, projektowaniu / tworzeniu stron internetowych oraz usługach analizy marketingowej.
Vance: szczególnie dobre, gdy nie masz projektanta w swoim zespole
Jako programista stron internetowych używam Font Awesome jako szybkiego rozwiązania dla wielu ładnych ikon. Biorąc to pod uwagę, Font Awesome jest szczególnie dobry, gdy nie masz projektanta w swoim zespole programistów. Jest to przydatne do tworzenia wtyczek do Wordpress, ponieważ programiści mogą osadzać je w swoich wtyczkach za pomocą CDN Font Awesome w mgnieniu oka.
Jak dotąd moje doświadczenie z Font Awesome jest dobre. Ale to nie znaczy, że nie ma żadnych wad. Jedną z oczywistych wad jest szybkość ładowania strony (wydajność). Ponieważ jest to szybkie rozwiązanie, musisz osadzić cały zestaw ikon, nawet jeśli używasz tylko kilku ikon. Może to zmniejszyć szybkość ładowania witryny i wyniki Google Page Speed (PSI).
Vance, programista i właściciel sieci.
Sunny Ashley: proste, przejrzyste i natychmiast rozpoznawalne dla nowych gości
W stopce naszej witryny używamy ikon Font Awesome. W szczególności używamy ikon Facebooka, Twittera i LinkedIn, aby odnieść się do naszych kanałów mediów społecznościowych. Są proste, czyste i natychmiast rozpoznawalne dla nowych gości. Jak wiedzą inni użytkownicy Font Awesome, były one również bardzo szybkie i łatwe w konfiguracji.
Sunny Ashley, założycielka i CEO Autoshopinvoice. Autoshopinvoice zapewnia oprogramowanie do zarządzania sklepem dla niezależnych warsztatów samochodowych i warsztatów.
Burak Özdemir: Ikony piór nie powodują nadmiernego rozmiaru DOM
Feather Icons to zbiór czytelnych, przyjemnych wizualnie ikon open source zaprojektowanych i utrzymywanych przez Cole'a Bemisa. Od czerwca 2020 r. Dostępnych jest ponad 280 ikon. Wszystkie ikony dostarczane przez Feather Icons są objęte licencją MIT i można je pobrać oddzielnie jako pliki SVG. Możesz dostosować rozmiar ikony, kolor obrysu ikony i szerokość obrysu na stronie internetowej Feather Icon przed ich pobraniem.
Ikony piór mogą być świetnym wyborem dla Twojej witryny lub projektu, jeśli jesteś programistą lub wiesz, jak radzić sobie z podstawowymi zadaniami interfejsu użytkownika. Ponieważ te lekkie ikony można również renderować za pomocą modułowej biblioteki JavaScript, nie powodują one nadmiernego rozmiaru DOM, metryki, która może obniżyć wydajność strony internetowej. W ten sposób, używając ikon piór, możesz bardziej obniżyć prędkość ładowania strony w porównaniu do innych pakietów dostępnych na rynku. Jedyną wadą korzystania z tego zestawu ikon jest to, że nie można znaleźć większości ikon marki.
Ikony piór
Burak Özdemir to programista internetowy z Turcji. Specjalizuje się w tworzeniu aplikacji internetowych.
Michel Pinson jest entuzjastą podróży i twórcą treści. Połącząc pasję do edukacji i eksploracji, skomplikował się do dzielenia się wiedzą i inspirowaniem innych poprzez urzekając treści edukacyjne. Zbliżając świat, wzmacniając osoby globalną wiedzę i poczucie wędrowania.
