7 експертни съвета относно уеб иконите определят използването и ползите

Чудите ли се да използвате набор от икони за вашия уеб сайт и кой да изберете? Тези експертни съвети може просто да ви убедят в това, което много професионални уеб разработчици вече знаят: много по-лесно е да търсите икони от включен набор от икони, отколкото да намерите икони една по една и да намерите начин да ги направите по някакъв начин съвместими заедно.

Помолихме общността за най-добрите им съвети за използването на икони и много от тях се съгласяват да използват популярния набор от икони Font Awesome, но това обаче не е единственият набор от икони, предлаган на пазара.

Кой набор от икони използвате? Уведомете ни в коментари!

 Използвате ли определен икона за вашия уебсайт? Използвате ли Font Awesome за конкретно използване (т.е. с Shopify, за бюлетин, ...)? Ако е така, защо го използвате и какъв е опитът ви с набора от икони? Използвали ли сте техния CDN, забелязали ли сте някакво подобрение при използването ви?

Джеф Рошер: добавя приятна проста стилистика, която клиентите намират за модерна и привлекателна

Ние използваме шрифт Awesome в eWorkOrders.com. Той е част както от нашия маркетинг сайт, така и от нашия софтуер като предлагана услуга (SAAS), компютърна система за управление на поддръжката (CMMS). На нашия маркетинг сайт добавя приятни прости стилове, които бъдещите клиенти намират за модерни и привлекателни. Добавихме интересни граници и събития с мишката, за да ги направим по-интерактивни и вълнуващи. За нашите клиенти иконите на шрифта Awesome се използват като визуална щека вътре в полета за въвеждане, за да помогнат да идентифицирате какъв тип данни трябва да бъдат въведени, като икона на календара в поле за дата, плик в поле за имейл адрес или икона на телефон в поле за телефонен номер. Те се използват на функционални бутони, като редактиране, копиране и печат.

Иконите се използват за даване на бърза визуална информация за данните като червена икона за възклицание до просрочена работна поръчка или когато нещо се нуждае от внимание. Те са и на няколко други места, просто за да изглежда програмата по-хубава ..

Шрифт Awesome е страхотно! Техният CDN е бърз и има много опции за всеки различен вид икона, от която се нуждаем. Никога не сме били разочаровани.

Рейчъл Фоли: достъпен начин за достъп до масивна библиотека с икони с лекота

В Map My клиентите ние разчитаме изцяло на Font Awesome за нашата иконография във всички маркетингови канали и нашия продукт, включително нашия:

• уебсайт
• имейли
• Социална медия
• Персонализирана графика
• Мобилно приложение
• Уеб приложение

Ние използваме Шрифта Awesome, защото това е достъпен начин за достъп до масивна библиотека с икони с лекота. Стилът е по-скоро на игривата страна, която е в съответствие с нашата марка; плюс, възможността да използваме различни тегла и стилове на иконите ни дава свобода.

Ние използваме CDN за нашите приложения, което дава възможност за много последователно усещане в потребителското изживяване на продукта. Плюс - надлежно е да се надгражда, когато трябва. С маркетинговите материали ние сме малко по-гъвкави и използваме смес от CDN, нашите локални инсталационни и векторни версии.

FA винаги е била надеждна за нас, тъй като напълно я приехме през януари.

Андрей Рудицер: с модернизацията на Font Awesome, така и ние

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 Социална медия 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 сега предлага широка гама от икони, от които да избирате. Ние намираме тази гъвкавост за полезна за нас от фазата на проектиране до нашата фаза на развитие. За Font Awesome тяхната платформа предлага две възможности за своите потребители. Първите опции е безплатна услуга, която предлага 1588 безплатни икони за избор. Вторият вариант е членство в Pro, което предлага 7 842 икони. Тази компания също има това, което ние наричаме Икона мамят лист. Този списък показва всичките им икони, които Font Awesome предлага, което ни информира дали са част от безплатния или професионалния пакет.

За да добавите, Font Awesome също предлага опция за изтегляне на кода от CDN. Горещо препоръчваме да тръгнете по техния маршрут. Техният CDN има бързо време за реакция и ние почти нямаме „Закъснение“ между нашия сайт и тяхната платформа.

Джеф Ромеро: това прави скоростта на страницата много по-бърза

Ние разработваме персонализирани уебсайтове в Wordpress за малки и средни бизнес клиенти. Исторически сме използвали изображения за представяне на различни икони на нашите уебсайтове, вариращи от профили в социалните медии до иконите на телефона и имейлите. Процесът за използване на изображение за икони изисква намиране на последователен набор от икони, качването им и след това преоразмеряването им, за да се гарантира, че те отговарят на сайта.

Въпреки че е малък файл с изображения, това е малко процес, за да получите последователен набор от икони и да ги съвпадат с шаблона на сайта. Сега, използвайки Font Awesome и неговия Wordpress плъгин, можем да заменим иконите с постоянен набор от медии, които просто изискват копиране / поставяне на ред от HTML. Още по-добре е, че иконите могат да бъдат преоразмерени с малко количество CSS (използвайки свойството за размер на шрифта). Иконите се показват по-добре от икона на базата на изображение и те са ясно видими на мобилни устройства. И накрая, тъй като това е ред на HTML, а не файл с изображение, това прави скоростта на страницата много по-бърза.

Ванс: особено добре, когато нямаш дизайнер в екипа си

Като уеб разработчик използвам Font Awesome като бързо решение за много хубави икони. Като се казва, Font Awesome е особено добър, когато нямате дизайнер в своя екип по разработка. Това е удобно за разработване на приставки за Wordpress, защото разработчиците могат да ги вграждат в своите плъгини, използвайки CDN на Font Awesome за нула време.

Моят опит с Font Awesome е добър засега. Но това не означава, че няма недостатъци. Един от очевидните недостатъци е скоростта на зареждане на страницата (производителност). Тъй като това е бързо решение, трябва да вградите цял набор от икони, въпреки че просто използвате няколко икони. Това може да намали скоростта на зареждане на уебсайта и резултатите на Google Page Speed ​​(PSI).

Съни Ашли: прост, чист и незабавно разпознаваем за нови посетители

Ние използваме иконите на шрифта Awesome в долния ни сайт. По-конкретно, ние използваме иконите Facebook, Twitter и LinkedIn, за да препращаме нашите канали в социалните медии. Те са прости, чисти и незабавно разпознаваеми за нови посетители. Както знаят другите потребители на Font Awesome, те също бяха много бързи и лесни за конфигуриране.

Бурак Йоздемир: Иконите на перата не предизвикват прекомерен размер на DOM

Feather Icons е колекция от четими, визуално приятни икони с отворен код, проектирани и поддържани от Cole Bemis. Към юни 2020 г. има на разположение повече от 280 икони. Всички икони, предоставени от Feather Icons, са лицензирани за MIT и могат да се изтеглят отделно като SVG файлове. Можете да персонализирате размера на иконата, цвета на хода на иконата и ширината на хода на уебсайта на иконата Feather, преди да ги изтеглите.

Feather Icons може да бъде чудесен избор за вашия уебсайт или проект, ако сте разработчик или знаете как да се справите с някои основни предни задачи. Тъй като тези леки икони могат да бъдат изобразявани и с модулна JavaScript библиотека, те не причиняват прекомерен размер на DOM, показател, който може да навреди на работата на вашата уеб страница. По този начин, с помощта на Feather Icons, можете да намалите скоростта на зареждане на страниците повече в сравнение с други пакети, предлагани на пазара. Единственият недостатък при използването на този набор от икони е, че не можете да намерите повечето от иконите на марката.