7 טיפים מומחים לסמל האינטרנט קובע שימוש ויתרונות



האם אתה תוהה להשתמש בערכת אייקונים באתר האינטרנט שלך ובאילו לבחור? טיפים מומחים אלה עשויים פשוט לשכנע אתכם על מה שרבים ממפתחי אתרים מקצועיים כבר יודעים: הרבה יותר קל לחפש סמלים מתוך מערך אייקונים כלול, מאשר למצוא אייקונים אחד אחד ולמצוא דרך לגרום להם איכשהו להיות עקביים יחד.

ביקשנו מהקהילה את הטיפים הטובים ביותר שלהם לשימוש בערכות אייקונים, ורבים מהם מסכימים להשתמש בערכת הסמלים הפופולרית של Font Awesome, אך עם זאת, זה לא מערך הסמלים היחיד הקיים בשוק.

באיזה ערכת אייקונים אתה משתמש? ספרו לנו בתגובות!

 האם אתה משתמש בסמל ספציפי לאתר שלך? האם אתה משתמש בגופן מדהים לשימוש ספציפי (כלומר עם Shopify, לניוזלטר, ...)? אם כן, מדוע אתה משתמש בו, ומה החוויה שלך עם מערך האייקונים? האם השתמשת ב- CDN שלהם, שמת לב לשיפור בשימוש שלך?

ג'ף רוששר: הוא מוסיף סטיילינג פשוט ונחמד שלקוחות מוצאים מודרני ומושך

אנו משתמשים בגופן מדהים ב- eWorkOrders.com. זה חלק מהאתר השיווקי שלנו והן מהתוכנה שלנו שמציע שירות (SAAS), מערכת ניהול תחזוקה ממוחשבת (CMMS). באתר השיווק שלנו הוא מוסיף סטיילינג פשוט ונחמד שלקוחות פוטנציאליים מוצאים מודרניים ומושכים. הוספנו גבולות מעניינים ואירועי העברת העכבר כדי להפוך אותם לאינטראקטיביים ומרגשים יותר. עבור הלקוחות שלנו, אייקונים של Font Awesome משמשים כקובץ חזותי בתוך שדות קלט כדי לעזור לזהות איזה סוג נתונים יש להזין, כמו סמל לוח שנה בשדה תאריך, מעטפה בשדה כתובת דואל או סמל טלפון בשדה שדה למספר טלפון. הם משמשים על כפתורים פונקציונליים, כמו עריכה, העתקה והדפס.

הסמלים משמשים למתן מידע חזותי מהיר על הנתונים כמו סמל קריאה אדום לצד סדר עבודה מאוחר או כאשר משהו זקוק לתשומת לב. הם נמצאים בעוד כמה מקומות אחרים רק כדי לגרום לתוכנית להיראות נחמדה יותר ..

הגופן Awesome היה מדהים! ה- CDN שלהם מהיר ויש אפשרויות רבות לכל אייקון מסוג אחר שנחוץ לנו. מעולם לא התאכזבנו.

ג'ף הוא נשיא eWorkOrders.com. eWorkOrders הוא קל לשימוש ב- CMMS מבוסס אינטרנט המסייע ללקוחות לנהל בקשות שירות, הזמנות עבודה, נכסים, תחזוקה מונעת ועוד.
ג'ף הוא נשיא eWorkOrders.com. eWorkOrders הוא קל לשימוש ב- CMMS מבוסס אינטרנט המסייע ללקוחות לנהל בקשות שירות, הזמנות עבודה, נכסים, תחזוקה מונעת ועוד.

רחל פולי: דרך נוחה לגישה לספריית אייקונים מאסיבית בקלות

במפה הלקוחות שלי, אנו סומכים לחלוטין על Font Awesome עבור האיקונוגרפיה שלנו בכל ערוצי השיווק והמוצר שלנו כולל שלנו:

  • אתר אינטרנט
  • מיילים
  • מדיה חברתית
  • גרפיקה בהתאמה אישית
  • אפליקציה לנייד
  • אפליקציית אינטרנט

אנו משתמשים בגופן מדהים מכיוון שזו דרך נוחה לגשת לספריית אייקונים מאסיבית בקלות. הסגנון הוא יותר בצד השובב שמתיישר עם המותג שלנו; בנוסף, היכולת לנו להשתמש במשקלים וסגנונות אייקונים שונים מעניקה לנו חופש.

אנו משתמשים ב- CDN ליישומים שלנו המאפשר תחושה מאוד עקבית בכל חוויית המשתמש במוצר. בנוסף - זה פשוט מאוד לשדרג כשאנחנו צריכים. עם חומרים שיווקיים, אנו קצת יותר גמישים ומשתמשים בתערובת של CDN, גרסאות ההתקנה והווקטור המקומיות שלנו.

FA תמיד היה אמין עבורנו מאז שאימצנו באופן מלא בינואר.

רחל היא מעצבת אתרים מבוססת NYC ומשווקת תוכן עם כונן לשיפור מותגי B2B הגדלים ולבנות הצלחה שיווקית לטווח הארוך באמצעות אסטרטגיית SEO. היא נמצאת כעת במפה הלקוחות שלי, חברת תוכנה למכירות B2B שיוצרת פתרונות לצוותי מכירות בשטח.
רחל היא מעצבת אתרים מבוססת NYC ומשווקת תוכן עם כונן לשיפור מותגי B2B הגדלים ולבנות הצלחה שיווקית לטווח הארוך באמצעות אסטרטגיית SEO. היא נמצאת כעת במפה הלקוחות שלי, חברת תוכנה למכירות B2B שיוצרת פתרונות לצוותי מכירות בשטח.

אנדרו רודיצר: ככל ששודרג הגופן מדהים, כך גם אנחנו

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 הפלטפורמה שלהם מציעה שתי אפשרויות למשתמשים שלהם. האפשרויות הראשונות הוא שירות בחינם, המציע 1,588 סמלים בחינם לבחירה. האפשרות השנייה היא חברות Pro, המציעה 7,842 אייקונים. לחברה זו יש גם את מה שאנו מכנים גיליון רמאות של אייקון. רשימה זו מציגה את כל הסמלים שלהם ש- Font Awesome מציע, שמיידע אותנו אם הם חלק מהחבילה החינמית או חבילת המקצוענים.

להוסיף, Font Awesome מציע גם אפשרות לשלוף את הקוד שלהם מ- CDN שלהם. אנו ממליצים מאוד ללכת בדרך שלהם. ל- CDN שלהם יש זמן תגובה מהיר, ואין לנו מעט עד פיגור בין האתר שלנו לפלטפורמה שלהם.

אנדרו רודיצר, רכז טכנולוגיה מוביל
אנדרו רודיצר, רכז טכנולוגיה מוביל

ג'ף רומרו: זה הופך את מהירות הדף להרבה יותר מהירה

אנו מפתחים אתרים מותאמים אישית ב- Wordpress עבור לקוחות עסקיים קטנים עד בינוניים. השתמשנו באופן היסטורי בתמונות לייצוג אייקונים שונים באתרי האינטרנט שלנו, החל מפרופילי מדיה חברתית וכלה בסמלי טלפון ודואר אלקטרוני. התהליך לשימוש בתמונה לאייקונים מחייב למצוא מערך אייקונים עקבי, העלאתם ואז שינוי גודלם על מנת להבטיח שהם מתאימים לאתר.

למרות שמדובר בקובץ תמונה קטן, מדובר בתהליך קצת להשיג מערך אייקונים עקבי ולהביא אותם להתאמה לתבנית האתר. כעת, בעזרת Font Awesome והתוסף WordPress שלו, אנו יכולים להחליף אייקונים במערכת עקבית של מדיה שפשוט דורשת העתקה / הדבקה של שורת HTML. אפילו טוב יותר, ניתן לשנות את גודל הסמלים בכמות קטנה של CSS (באמצעות המאפיין בגודל גופן). הסמלים מציגים טוב יותר מסמל מבוסס תמונה והם נראים בבירור במכשירים ניידים. לבסוף, מכיוון שמדובר בשורה של HTML ולא קובץ תמונה, זה הופך את מהירות הדף להרבה יותר מהירה.

ג'ף רומרו הוא המייסד המשותף של חברת אוקטיב דיגיטל, סוכנות שיווק דיגיטלית המתמחה באסטרטגיית SEO מקומית וארגונית, ניהול פרסום בתשלום לחיצה, שירותי פיתוח / פיתוח אתרים ושירותי ניתוח שיווקי.
ג'ף רומרו הוא המייסד המשותף של חברת אוקטיב דיגיטל, סוכנות שיווק דיגיטלית המתמחה באסטרטגיית SEO מקומית וארגונית, ניהול פרסום בתשלום לחיצה, שירותי פיתוח / פיתוח אתרים ושירותי ניתוח שיווקי.

ואנס: טוב במיוחד כשאין לך מעצב בצוות שלך

כמפתח אינטרנט, אני משתמש ב- Font Awesome כפתרון מהיר להרבה אייקונים נחמדים. עם זאת, Font Awesome טוב במיוחד כאשר אין לך מעצב בצוות הפיתוח שלך. זה שימושי לפיתוח תוספים של Wordpress מכיוון שמפתחים יכלו להטמיע אותם בתוספים שלהם באמצעות CDNs של Font Awesome תוך זמן קצר.

הניסיון שלי עם Font Awesome טוב עד כה. אבל זה לא אומר שאין לו חסרונות. אחד החסרונות הברורים הוא מהירות טעינת העמודים (ביצועים). מכיוון שמדובר בפתרון מהיר, עליכם להטמיע מערך שלם של אייקונים למרות שאתם פשוט משתמשים בכמה אייקונים. זה עשוי להפחית את מהירות הטעינה של האתר ואת ציוני מהירות העמוד של Google (PSI).

ואנס, מפתח אינטרנט ובעל אינטרנט.
ואנס, מפתח אינטרנט ובעל אינטרנט.

סאני אשלי: פשוט, נקי, וזיהוי מיידי למבקרים חדשים

אנו משתמשים בסמלים של Font Awesome בכותרת התחתונה של האתר שלנו. באופן ספציפי, אנו משתמשים בסמלים של פייסבוק, טוויטר ו- LinkedIn כדי להתייחס לערוצי המדיה החברתית שלנו. הם פשוטים, נקיים ומזוהים באופן מיידי עבור מבקרים חדשים. כפי שמשתמשים אחרים ב- Font Awesome יודעים, הם גם היו מהירים וקלים מאוד לתצורה.

סאני אשלי, מייסד ומנכל חברת חשבונית אוטומטית. חשבונית אוטומטית מספקת תוכנת ניהול חנויות לחנויות מוסכים עצמאיות לתיקון רכב.
סאני אשלי, מייסד ומנכל חברת חשבונית אוטומטית. חשבונית אוטומטית מספקת תוכנת ניהול חנויות לחנויות מוסכים עצמאיות לתיקון רכב.

Burak Özdemir: סמלי נוצה אינם גורמים לגודל DOM מוגזם

אייקונים של נוצה הוא אוסף של אייקונים של קוד פתוח הניתנים לקריאה ונעימים ויזואלית שעוצבו ומתוחזקים על ידי קול Bemis. נכון ליוני 2020, ישנם יותר מ- 280 סמלים זמינים. כל הסמלים המסופקים על ידי סמלי הנוצות מורשים ב- MIT, וניתנים להורדה בנפרד כקובצי SVG. באפשרותך להתאים אישית את גודל הסמל, את צבע המשיכה של הסמל ורוחב המשיכה באתר אייקון הנוצה לפני שתוריד אותם.

אייקוני נוצה יכולים להיות בחירה נהדרת עבור אתר האינטרנט שלך או פרויקט אם אתה מפתח או יודע כיצד להתמודד עם כמה משימות בסיסיות מקדימה. מכיוון שאפשר גם לעבד סמלים קלים אלה עם ספריית JavaScript מודולרית, הם אינם גורמים לגודל DOM מוגזם, מדד שיכול לפגוע בביצועי דף האינטרנט שלך. כך, באמצעות אייקוני נוצה, תוכלו להוריד את מהירות טעינת העמוד יותר בהשוואה לחבילות אחרות הקיימות בשוק. החיסרון היחיד בשימוש בערכת אייקונים זו הוא שלא תוכלו למצוא את מרבית אייקוני המותג.

אייקוני נוצה
בוראק Özdemir הוא מפתח אתרים מטורקיה. הוא מתמחה ביצירת יישומים מבוססי אינטרנט.
בוראק Özdemir הוא מפתח אתרים מטורקיה. הוא מתמחה ביצירת יישומים מבוססי אינטרנט.

Michel Pinson
על הסופר - Michel Pinson
מישל פינסון הוא חובב נסיעות ויוצר תוכן. מיזוג תשוקה לחינוך וחקירה, הוא מחויב לשתף ידע ולהעניק השראה לאחרים באמצעות שובה לב תוכן חינוכי. קירוב את העולם על ידי העצמת אנשים עם מומחיות גלובלית ותחושת נדנדה.




הערות (0)

השאר תגובה