A web ikonra vonatkozó 7 szakértői tipp meghatározza a felhasználást és az előnyöket

Szeretne kíváncsi egy ikonkészlet használatára a webhelyén, és melyiket válassza? Ezek a szakértői tippek talán meggyőzik Önt arról, amit sok profi webfejlesztő már tud: sokkal könnyebb az ikonok keresése a mellékelt ikonkészletből, mint az, hogy ikonokat egyenként keressenek, és megtalálják a módját, hogy egymással valamilyen módon egységesek legyenek.

Megkérdeztük a közösséget a legjobb tippekért az ikonkészletek használatához, és sokan egyetértenek a népszerű Font félelmetes ikonkészlet használatával, ám ez nem csak a piacon elérhető ikonkészlet.

Melyik ikonkészletet használ? Tudassa velünk a hozzászólásokban!

 Egy adott ikonkészletet használ a webhelyéhez? A Font Awesome-t egy meghatározott felhasználásra használja (például a Shopify-val, hírlevelet ...)? Ha igen, miért használja, és mi az Ön tapasztalata az ikonkészlettel? Használta a CDN-t, észrevette-e valamilyen javulást a használatában?

Jeff Roscher: hozzáteszi a szép egyszerű stílusokat, amelyeket az ügyfelek modernnek és vonzónak találnak

A Fantasy Font alkalmazást használjuk az eWorkOrders.com webhelyen. Ez részét képezi mind marketing oldalunkon, mind szoftverként szolgáltatást (SAAS) kínáló szolgáltatásnak, egy számítógépes karbantartáskezelő rendszernek (CMMS). Marketing oldalunkon szép egyszerű stílussal egészül ki, amelyet a leendő vásárlók modernnek és vonzónak találnak. Érdekes szegélyeket és egérmutatókkal bővítettük eseményeket, hogy interaktívabbá és izgalmasabbá tegyük azokat. Ügyfeleink számára a Font Félelmetes ikonokat látójelként használják a beviteli mezők belsejében, hogy meghatározzák, milyen típusú adatokat kell beírni, például egy naptár ikont egy dátummezőben, borítékot egy e-mail cím mezőben vagy telefon ikont egy mező egy telefonszámhoz. A funkcionális gombokon használják, például szerkesztés, másolás és nyomtatás.

Az ikonok gyors vizuális információt adnak az adatokról, például egy vörös felkiáltójel ikon lejárt munkarendelés mellett, vagy amikor valami figyelmet igényel. Néhány más helyen vannak, csak azért, hogy a program szépségesebb legyen.

A Fantasztikus betűtípus fantasztikus! CDN-jeik gyorsak, és sokféle lehetőség van minden különféle ikonra, amelyre szükségünk van. Soha nem voltunk csalódottak.

Rachel Foley: megfizethető módja annak, hogy könnyedén hozzáférhessen egy hatalmas ikonkönyvtárhoz

A Térkép Saját Ügyfelek szolgáltatásban teljes mértékben megbízunk a Fantasztikus betűtípusról, hogy minden marketing csatornán és termékünkön, beleértve az alábbiakat is, ikonográfiánkat:

• Weboldal
• e-mailek
• Közösségi média
• Egyéni grafika
• Mobil alkalmazás
• Web App

A Font Awesome-t használjuk, mert ez megfizethető módon könnyedén hozzáférhet egy hatalmas ikonkönyvtárhoz. A stílus inkább annak a játékos oldalnak felel meg, amely megfelel a márkánknak; Ezenkívül az a képesség, hogy különböző méretű és stílusú ikonokat is felhasználhatunk, szabadságot jelent.

Az alkalmazásokhoz a CDN-t használjuk, amely lehetővé teszi a termék felhasználói élményének nagyon következetes érzését. Plusz - rendkívül egyszerű frissíteni, amikor szükségünk van rá. A marketing anyagokkal kissé rugalmasabbak vagyunk, és a CDN keverékét használjuk, a helyi telepítési és vektor verziókhoz.

Az FA mindig is megbízható volt számunkra, mióta januárban teljes körűen elfogadtunk.

Andrew Ruditser: amikor a Font Awesome frissült, úgy tettünk is

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 Közösségi média 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.

A Fantasztikus betűtípus most széles választékot kínál az ikonok között. Úgy találjuk, hogy ez a rugalmasság hasznos lehet számunkra a tervezési fázistól a fejlesztési szakaszig. A Font félelmetes számára platformja két lehetőséget kínál a felhasználók számára. Az Első Opciók egy ingyenes szolgáltatás, amely 1588 ingyenes ikon közül választhat. A második lehetőség a Pro tagság, amely 7842 ikont kínál. Ennek a társaságnak is van az úgynevezett Icon cheat sheet. Ez a lista megjeleníti az összes ikonját, amelyet a Font Awesome kínál, amely értesíti minket, ha része az ingyenes csomagnak vagy a profi csomagnak.

Hozzáadhatjuk, hogy a Font Awesome lehetőséget kínál arra is, hogy kihúzzák a kódot a CDN-ből. Nagyon javasoljuk, hogy menjenek az útjukra. CDN-jük gyors válaszidővel rendelkezik, és kevés vagy egyáltalán nincs „késés” webhelyünk és platformjuk között.

Jeff Romero: sokkal gyorsabbá teszi az oldal sebességét

Kifejlesztett webhelyeket fejlesztünk ki a Wordpress-en a kis-és közepes méretű üzleti ügyfelek számára. A történelem során képeket használtunk különféle ikonok ábrázolására webhelyeinken, kezdve a közösségi média profiljaitól a telefonos és e-mail ikonokig. A kép ikonhoz történő felhasználásához folyamatos ikonkészletet kell megtalálni, feltölteni, majd átméretezni annak biztosítása érdekében, hogy az illeszkedjen a webhelyhez.

Habár ez egy kis képfájl, egy kicsit folyamatos ikonkészlet létrehozása és egyeztetése a webhely sablonjával. Most, a Font Awesome és annak Wordpress beépülő moduljának használatával, az ikonok helyettesíthetők egy következetes adathordozó-készlettel, amely egyszerűen HTML sor másolását / beillesztését igényli. Még jobb, ha az ikonok átméretezhetők kis mennyiségű CSS-sel (a betűméret tulajdonság használatával). Az ikonok jobban jelennek meg, mint egy képalapú, és jól láthatóak a mobil eszközökön. Végül, mivel egy HTML sor, nem egy képfájl, ez sokkal gyorsabbá teszi az oldal sebességét.

Vance: Különösen akkor jó, ha a csapatában nincs tervező

Webfejlesztőként a Font Awesome-t használom gyors megoldásként rengeteg szép ikonra. Ennek ellenére a Font Awesome különösen akkor jó, ha nem rendelkezik tervezővel a fejlesztői csapatban. Ez hasznos a Wordpress beépülő modulok fejlesztésében, mivel a fejlesztők a Font Awesome CDN-jeivel gyorsan beágyazhatják őket beépülőjükbe.

A Font Awesome-val kapcsolatos tapasztalataim eddig jó. De ez nem jelenti azt, hogy nincs hátránya. Az egyik nyilvánvaló hátrány az oldal betöltési sebessége (teljesítmény). Mivel ez gyors megoldás, be kell ágyaznia egy teljes ikonkészletet, annak ellenére, hogy csak néhány ikont használ. Ez csökkentheti a weboldal betöltése és a Google Page Speed ​​(PSI) pontszámait.

Sunny Ashley: egyszerű, tiszta és azonnal felismerhető az új látogatók számára

Weboldalunk láblécében a Font félelmetes ikonokat használjuk. Konkrétan a Facebook, a Twitter és a LinkedIn ikonokat használjuk a közösségi média csatornáink hivatkozásához. Egyszerűek, tiszták és azonnal felismerhetők az új látogatók számára. Mint a Font Awesome más felhasználói tudják, ők is nagyon gyorsan és könnyen konfigurálhatók.

Burak Özdemir: A toll ikonok nem okoznak túlzott DOM-méretet

A Feather Icons Cole Bemis által tervezett és karbantartott, olvasható, vizuálisan tetszőleges nyílt forráskódú ikonok gyűjteménye. 2020 júniusa óta több mint 280 ikon érhető el. A Toll Ikonok által biztosított összes ikon MIT licenccel rendelkezik, és SVG fájlokként külön letölthető. Testreszabhatja az ikon méretét, az ikon körvonalát és a körvonal szélességét a toll ikonján a letöltés előtt.

A toll ikonok nagyszerű választás lehet webhelyére vagy projektjére, ha Ön fejlesztő vagy, ha tudja, hogyan kell kezelni néhány alapvető front-end feladatot. Mivel ezeket a könnyű ikonokat moduláris JavaScript könyvtárral is előállíthatják, nem okoznak túlzott DOM-méretet, ez egy olyan mutató, amely károsíthatja weboldalának teljesítményét. Így a Fekete Ikonok használatával csökkentheti az oldalbetöltési sebességet a piacon elérhető többi csomaghoz képest. Ennek az ikonkészletnek az egyetlen hátránya, hogy nem található a legtöbb márka ikon.