כיצד להחליט באיזו משפחת פונטים להשתמש בעיצוב אתרים

click fraud protection

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

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

כמה כללי אגודל

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

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

Sans Serif פונטים הם הבסיס לאתר שלך

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

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

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

  • אריאל
  • ז'נבה
  • הלווטיקה
  • לוסידה סאנס
  • טרבוצ'ט
  • ורדנה

הערה

ורדנה היא משפחת פונטים שהומצאה עבורה להשתמש באינטרנט.

השתמש בגופני Serif לצורך הדפסה.

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

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

  • גארמונד
  • ג'ורג'יה
  • פִּי
  • Times New Roman

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

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

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

כמה דוגמאות לגופנים חד-חלליים הם:

  • שָׁלִיחַ
  • שליח חדש
  • קונסולת לוסידה
  • מונקו

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

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

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

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

  • נחושת
  • דסדמונה
  • פְּגִיעָה
  • קינו

הערה

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

כמה דוגמאות לגופני סקריפט הם:

  • צ'נסרי תפוחים
  • קומיקס סאנס טרשת נפוצה
  • לוסידה כתב יד

הערה

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

instagram story viewer