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

  1. גופנים בטוחים באינטרנט: ידוע גם בשם "גופני מערכת" או "גופני דפדפן" גופנים בטוחים לאינטרנט הם גופנים המותקנים בכל המכשירים והדפדפנים.

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

לפיכך, גופנים בטוחים לאינטרנט הם הנפוצים ביותר הזמינים ב-Windows או Mac, Chrome או Safari. לכן, גופני אינטרנט הם לא כל כך קלים זמינים, ולרוב אתה צריך להוריד ולהתקין אותם בעצמך.

הספר הוא רומן. איך ליצור?

באיזה מהם כדאי להשתמש בעיצוב אתרים?

לשניהם יש את שלהם יתרונות וחסרונות.

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

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

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

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

מה לגבי אסתטיקת גופן בהתאמה אישית?

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

במדריך זה, אנו מפרקים את כולם לשלוש קטגוריות בהתבסס על האסתטיקה של הגופן: serif, sans serif ודקורטיבי. למי שלא יודע, סריפים הם אותם סימנים קטנים או "דגלים" שמופיעים לפעמים בקצות האותיות. נסביר להלן את השימוש המומלץ בכל אחד מהם, כמו גם כיצד הם משפיעים זהות המותג שלך.

 

מתי להשתמש בגופני Serif Web בעיצוב אתרים

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

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

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

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

גופני הסריף הטובים ביותר:

גופן לדוגמה עבור Baskerville

גופן לדוגמה עבור Cambria

גופן לדוגמה עבור Courier

גופן לדוגמה עבור Didot
גופן לדוגמה עבור Garamond
גופן לדוגמה עבור Times New Roman

גופני הסריף הטובים ביותר:

דוגמה לגופן לבוש

גופן לדוגמה עבור Argesta
גופן לדוגמה עבור Bogart
 
גופן לדוגמה עבור Giveny
 
גופני אינטרנט של חואנה
 
דוגמה לגופן מאיה.
 
 

מתי להשתמש בגופני אינטרנט sans serif?

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

כפי שאתה יכול לדמיין, גופני sans serif הם פשוטים יותר וחסרי דאגות. הם לא נראים כמו גופני סריף. ללא סריפים הם גופנים לשיחה ידידותית והודעות לא רשמיות, המזכירים כתב יד פשוט. הם נועדו למהירות ופשטות, אולי על חשבון הגינות.

גופני Sans Serif הם הטובים ביותר עבור אתרים שרוצים להראות למבקרים שלהם, "אנחנו בדיוק כמוך". הם רגועים ורגועים, אידיאליים עבור חומרים חינוכיים, פרסומים דיגיטליים או בלוגים. אם אתה מתלוצץ הרבה או משתמש באימוג'י במאמרים שלך, גופן sans serif יעבוד באופן תיאורטי הכי טוב.

מאותה סיבה, גופני רשת sans-serif הם הבחירה המועדפת עבור טקסט לא רשמי ונוסף: כתוביות תמונה, פרסומים ב רשתות חברתיות, חתימות, כתבי ויתור ופרסום באינטרנט. גופני Sans Serif פועלים בצורה הטובה ביותר בטקסט שבו הקריאה מתבצעת במהירות וללא דחיפות, לכן חשוב להבין כיצד היעד שלך הקהל צורך סוג תוכןגופן שאתה רוצה ליצור לפני שאתה בוחר אם זה עשוי להיות הגופן הטוב ביותר לאינטרנט (או בטוח לאינטרנט). גופן) בשבילך.

 

גופני האינטרנט הטובים ביותר ללא סריף:

גופן לדוגמה עבור גופני אינטרנט של Arial

גופן לדוגמה עבור Calibri

גופן לדוגמה עבור גופני אינטרנט של Dejavu Sans

גופן לדוגמה עבור ז'נבה
גופן לדוגמה עבור גופני אינטרנט של Helvetica

גופני האינטרנט הטובים ביותר ללא סריף:

גופן לדוגמה עבור Devant Pro

גופן לדוגמה עבור גופני אינטרנט של Grafton
גופן לדוגמה עבור IBM Plex Sans
 
גופן לדוגמה עבור גופני אינטרנט של Italico
גופן לדוגמה עבור Monolith
גופן לדוגמה עבור גופני אינטרנט של TT Norms Pro
 

מתי להשתמש בגופני אינטרנט דקורטיביים.

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

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

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

איך בוחרים את גופן הלוגו הנכון?

גופני האינטרנט הדקורטיביים הטובים ביותר:

גופני אינטרנט של גופן Bradley Hand

גופן יד בראדלי

גופני אינטרנט של Font Brush Script MT

גופני אינטרנט של גופן Copperplate

גופן לומינארי
גופני אינטרנט של גופן מונקו
 

או שאתה יכול פשוט להשתמש ב-Comic Sans

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

אם הפתרון הזה נראה מסובך מדי, אתה תמיד יכול פשוט להשתמש ב-Comic Sans. אחרי הכל, מה תועיל לך בני תמותה אם אתה יכול ללכת בין האלים?

 АЗБУКА