כיצד לבחור משפחות גופן עבור אתר האינטרנט שלך

כיצד להחליט איזו משפחה גופן להשתמש

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

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

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

כמה חוקים- of-Thumb

  1. אל תשתמש ביותר מ 3-4 גופנים בכל עמוד. כל דבר יותר מזה מתחיל להרגיש חובבני - ואפילו 4 גופנים יכול להיות יותר מדי במקרים מסוימים!
  2. אין לשנות את הגופן באמצע משפט אלא אם כן יש לך סיבה טובה מאוד (הערה - מעולם לא, בכל שנותי כמעצב אינטרנט, מצאתי סיבה טובה לעשות זאת)
  3. השתמש בגופנים serif serif או גופני serif עבור טקסט הגוף כדי להפוך אותם בלוקים של תוכן קל יותר לקריאה.
  4. השתמש גופנים monospace עבור טקסט מכונת כתיבה בלוק קוד כדי להגדיר את הקוד מלבד הדף.
  5. השתמש סקריפט וגופני פנטזיה עבור מבטאים או כותרות גדולות עם מעט מאוד מילים.

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

SANS SREIF FONTS הם הבסיס של האתר שלך

גופני Sans serif הם גופנים שאין להם " serifs " - טיפול עיצובי קטן נוסף בקצות המכתבים.

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

כמה דוגמאות לגופני sans-serif הן:

טריוויה: ורדנה היא משפחת גופן שהומצאה לשימוש באינטרנט.

השתמש בסריף גופנים להדפסה

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

שיטות עבודה מומלצות: שקול להשתמש בגופני serif עבור דפי ההדפסה שלך.

כמה דוגמאות לגופני serif הן:

גופני מונוספייס לקחת שטח שווה עבור כל מכתב

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

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

כמה דוגמאות לגופני מונוספייס הן:

שיטות עבודה מומלצות: גופני מונוספייס פועלים היטב עבור דגימות קוד.

פנטזיה ופונטות קריאת קריאה קשה לקריאה

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

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

כמה דוגמאות לגופני הפנטזיה הן:

טריוויה: השפעת היא משפחת הגופן הסיכוי הטוב ביותר להיות ב- Mac, Windows, ו- Unix מכונות.

להלן דוגמאות לגופני Script:

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

מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'ירארד ב- 9/8/17