7 këshilla të ekspertëve në ikonën e uebit përcaktojnë përdorimin dhe përfitimet

A jeni duke pyetur veten për të përdorur një ikonë të vendosur për faqen tuaj në internet dhe cilën të zgjidhni? Këto këshilla ekspertësh thjesht mund t'ju bindin për atë që shumë zhvillues profesionistë të uebit e dinë tashmë: është shumë më e lehtë të kërkoni ikona nga një grup ikonash të përfshira, sesa të gjeni ikona një nga një dhe të gjeni një mënyrë për t'i bërë ato disi të qëndrueshëm së bashku.

Ne i kërkuam komunitetit këshillat e tyre më të mira për përdorimin e grupeve të ikonave, dhe shumë prej tyre bien dakord për përdorimin e grupit të ikonave popullore Font Awesome, por megjithatë kjo nuk është ikona e vetme e disponueshme në treg.

Cilin grup ikonash po përdorni? Na tregoni në komente!

 A po përdorni një ikonë specifike të vendosur për faqen tuaj të internetit? A po përdorni Font Awesome për një përdorim specifik (d.m.th. me Shopify, për një gazetë, ...)? Nëse po, pse po e përdorni atë, dhe cila është përvoja juaj me setin e ikonave? A keni përdorur CDN e tyre, a keni vërejtur ndonjë përmirësim në përdorimin tuaj?

Jeff Roscher: shton një stil të bukur të thjeshtë që klientët e gjejnë modern dhe tërheqës

Ne përdorim Font Awesome në eWorkOrders.com. Isshtë pjesë e faqes sonë të marketingut dhe softuerit tonë si një shërbim (SAAS) që ofron, një sistem të menaxhimit të mirëmbajtjes të kompjuterizuar (CMMS). Në faqen tonë të marketingut, ajo shton një stil të bukur të thjeshtë që klientët e ardhshëm i gjejnë modern dhe tërheqës. Ne kemi shtuar kufij interesante dhe ngjarje për të bërë ato më interaktive dhe emocionuese. Për klientët tanë, ikonat Font Awesome përdoren si sugjerim vizual brenda fushave të dhëna për të ndihmuar në identifikimin e llojit të të dhënave që duhet të futen, si një ikonë kalendarike në një fushë datë, një zarf në një fushë të adresës email ose një ikonë të telefonit në një fushë për një numër telefoni. Ato përdoren në butona funksionale, si modifikimi, kopjimi dhe shtypja.

Ikonat përdoren për të dhënë informacion të shpejtë vizual në lidhje me të dhënat si një ikonë e kuqe për thirrje pranë një urdhri pune të vonuar ose kur diçka ka nevojë për vëmendje. Ata janë në disa vende të tjera, si dhe vetëm për ta bërë programin të duket më i mirë ..

Font Awesome ka qenë awesome! CDN e tyre është e shpejtë dhe ka shumë mundësi për çdo lloj ikonë të ndryshme që ne kemi nevojë. Asnjëherë nuk jemi zhgënjyer.

Rachel Foley: një mënyrë e përballueshme për të hyrë në një bibliotekë masive të ikonave me lehtësi

Në hartën Konsumatorët e Mia, ne mbështetemi plotësisht në Font Awesome për ikonografinë tonë nëpër të gjitha kanalet e marketingut dhe produktin tonë, përfshirë këtu:

• Faqja e internetit
• Emails
• Mediat sociale
• Grafika me porosi
• Aplikacioni celular
• Aplikacioni në internet

Ne përdorim Font Awesome sepse është një mënyrë e përballueshme për të hyrë në një bibliotekë masive ikonë me lehtësi. Stili është më shumë në anën lozonjare që përputhet me markën tonë; plus, aftësia për ne për të shfrytëzuar peshat dhe stilet e ndryshme të ikonave na jep liri.

Ne përdorim CDN për aplikacionet tona i cili lejon një ndjenjë shumë të qëndrueshme në përvojën e përdoruesit të produktit. Plus - është jashtëzakonisht e thjeshtë për tu azhurnuar kur duhet. Me materialet e marketingut, ne jemi pak më fleksibël dhe përdorim një përzierje të CDN, instalimet tona lokale dhe versionet vektoriale.

FA ka qenë gjithmonë e besueshme për ne pasi kemi miratuar plotësisht në janar.

Andrew Ruditser: si Font Awesome të azhurnuar, kështu kemi vepruar edhe ne

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 Mediat sociale 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 tani ofron një gamë të gjerë ikonash për të zgjedhur. Ne e shohim këtë fleksibilitet të jetë i dobishëm për ne nga faza e Dizajnit deri në fazën tonë të Zhvillimit. Për Font Awesome, platforma e tyre ofron dy mundësi për përdoruesit e tyre. Opsionet e para janë një shërbim falas, i cili ofron 1.588 ikona falas për të zgjedhur. Opsioni i dytë është një anëtarësim në Pro, i cili ofron 7.842 ikona. Kjo kompani ka gjithashtu atë që ne e quajmë një fletë mashtrimi të ikonave. Kjo listë tregon të gjitha ikonat e tyre që ofron Font Awesome, e cila na informon nëse ato janë pjesë e paketës falas ose të paketës pro.

Për të shtuar, Font Awesome gjithashtu ofron një mundësi për të tërhequr kodin e tyre nga CDN e tyre. Ne rekomandojmë shumë që të shkoni në rrugën e tyre. CDN e tyre ka një kohë të shpejtë reagimi, dhe ne kemi pak ose aspak vonesë midis faqes sonë dhe platformës së tyre.

Jeff Romero: e bën shpejtësinë e faqes shumë më të shpejtë

Ne zhvillojmë uebfaqe me porosi në Wordpress për klientë biznesi të vegjël deri në mes. Ne kemi përdorur imazhe historikisht për të përfaqësuar ikona të ndryshme në faqet tona të internetit, duke filluar nga profilet e mediave sociale deri te ikonat e telefonit dhe postës elektronike. Procesi i përdorimit të një imazhi për ikonat kërkon gjetjen e një grupi të qëndrueshëm ikonash, ngarkimin e tyre dhe më pas ndryshimin e tyre për të siguruar që ato i përshtaten faqes.

Megjithëse është një skedar i vogël imazhi, është pak proces për të marrë një grup ikonash të qëndrueshme dhe t'i bëni ato të përputhen me modelin e faqes. Tani, duke përdorur Font Awesome dhe shtojcën e saj Wordpress, ne mund të zëvendësojmë ikonat me një grup të vazhdueshëm të mediave që thjesht kërkon kopjimin / ngjitjen e një linje HTML. Edhe më mirë, ikonat mund të ndryshohen në madhësi me një sasi të vogël të CSS (duke përdorur pronën e madhësisë së shkronjave). Ikonat shfaqin më mirë sesa një ikonë me bazë imazhin dhe ato janë qartë të dukshme në pajisjet mobile. Më në fund, pasi është një linjë HTML dhe jo një skedar imazhi, kjo e bën shpejtësinë e faqes shumë më të shpejtë.

Vance: veçanërisht e mirë kur nuk keni një stilist në ekipin tuaj

Si një zhvillues i faqes në internet, unë përdor Font Awesome si një zgjidhje të shpejtë për shumë ikona të këndshme. E thënë kështu, Font Awesome është veçanërisht e mirë kur nuk keni një stilist në ekipin tuaj të zhvillimit. Shtë i dobishëm për zhvillimin e shtojcave Wordpress sepse zhvilluesit mund t'i futnin ato në shtojcat e tyre duke përdorur CDN të Font Awesome në asnjë kohë.

Përvoja ime me Font Awesome është e mirë deri më tani. Por kjo nuk do të thotë se nuk ka ndonjë pengesë. Një nga pengesat e dukshme është shpejtësia (performanca) e ngarkimit të faqes. Meqenëse është një zgjidhje e shpejtë, duhet të vendosni një tërësi ikonash edhe pse thjesht përdorni disa ikona. Kjo mund të ulë shpejtësinë e ngarkimit të faqes në internet dhe rezultatet e Google Page Speed ​​(PSI).

Sunny Ashley: e thjeshtë, e pastër dhe menjëherë e njohur për vizitorët e rinj

Ne i përdorim ikonat Font Awesome në faqen e internetit tonë. Në mënyrë të veçantë, ne përdorim ikonat Facebook, Twitter dhe LinkedIn për të referuar kanalet tona të mediave sociale. Ata janë të thjeshtë, të pastër dhe menjëherë të dallueshëm për vizitorët e rinj. Siç e dinë përdoruesit e tjerë të Font Awesome, ato ishin gjithashtu shumë të shpejtë dhe të thjeshtë për tu konfiguruar.

Burak Ozdemir: Ikonat me pendë nuk shkaktojnë një madhësi të tepruar të DOM-it

Feather Icons është një koleksion i ikonave me burim të hapur të lexueshëm, vizualisht të këndshëm, të dizajnuar dhe mirëmbajtur nga Cole Bemis. Që nga qershori i vitit 2020, ka më shumë se 280 ikona në dispozicion. Të gjitha ikonat e ofruara nga Feather Icons janë MIT të licencuar, dhe mund të shkarkohen veçmas si skedarë SVG. Ju mund të rregulloni madhësinë e ikonës, ngjyrën e goditjes së ikonës dhe gjerësinë e goditjes në faqen e internetit të Feather Icon përpara se t'i shkarkoni.

Icons Feather mund të jenë një zgjedhje e shkëlqyeshme për uebfaqen ose projektin tuaj nëse jeni një zhvillues ose dini se si të trajtoni disa detyra themelore të para. Pasi që këto ikona të lehta mund të jepen me një bibliotekë modulare JavaScript, ato nuk shkaktojnë një madhësi të tepruar DOM, një metrikë që mund të dëmtojë punën e faqes suaj të internetit. Kështu, me përdorimin e ikonave të pendës, mund të ulni shpejtësinë e ngarkimit të faqeve më shumë në krahasim me paketat e tjera të disponueshme në treg. Dobësia e vetme e përdorimit të këtij grupi ikonash është që ju nuk mund të gjeni shumicën e ikonave të markës.