אסטרטגיות וכלים להתאמת גופנים לשילובי גופנים מושלמים

אסטרטגיות וכלים להתאמת גופנים לשילובי גופנים מושלמים

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





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



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





פריימר לטיפוגרפיה

ישנם מונחים בהם אנו משתמשים בכל המדריך הזה שעשויים להיות מועילים להסביר ...

גופן לעומת גופן

לעתים קרובות משתמשים במושגים גופן וגופן לסירוגין, אך הם למעשה דברים שונים. א גופן היא משפחת גופנים; א עשה היא אחת מהווריאציות בסגנון האינדיבידואלי בתוך אותה משפחה. אם כן, Times New Roman הוא גופן, ו- Times New Roman Regular ו- Times New Roman Medium Italic הם גופנים.



כיצד אוכל להוסיף אפליקציות לטלוויזיה החכמה vizio שלי

סוג סיווגים

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

  • תָג
  • פונט סאנס סריף
  • גוֹתִי
  • מְכוֹנַת כְּתִיבָה
  • תַסרִיט
  • דקורטיבי

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



serifs vs. פונט סאנס סריף

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

משפחות על

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



כמו כן, אם אתה מתעניין בהיבט הטכני של גופנים, תוכל לקרוא על ההבדל בין גופני OTF ו- TTF .

בחירת הגופן הראשון שלך

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

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

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

לאחר שבחרת את הגופן הראשון, הגיע הזמן לחשוב על ההשלמה שלו.

בחירת התאמת גופנים

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

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

להלן כמה שכדאי לזכור.

1. צור ניגודיות

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

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

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

2. שמור על זה במשפחה

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

בחלק מהגופנים יש קבוצה די נרחבת של גופנים. החדש של בבה , למשל, מגיע במגוון משקולות. שלב את Bebas Neue Bold עם Bebas Neue Light בגדלים שונים ואתה צעד אחד קרוב יותר לעיצוב נהדר.

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

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

3. שלב שילוב של Serifs ו- Sans-Serifs

דרך מהירה ויעילה ליצירת ניגודיות היא התאמת גופן serif לגופן sans-serif. כפי שאתה יכול לראות בדוגמה שלהלן זיווג גופנים טוב של Calibri הוא פונט serif כמו Times New Roman:

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

4. הגבל את עצמך לשניים או שלושה גופנים

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

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

ישנם יוצאים מן הכלל מהכלל, אך רק בסוגים מסוימים של עיצוב.

השראה ורעיונות לזיווג גופנים

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

שילובי הגופנים של Canva

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

Typ.io

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

בדיוק הטיפוס שלי

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

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

פינטרסט

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

הקלד חיבור

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

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

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

סוג Google

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

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

הקלדה

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

בלנדר אינטרנט לגופנים

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

מצא את הגופנים הנכונים

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

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

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

קרדיט תמונה: mrdoomits/ פיקדונות

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל Canon לעומת ניקון: איזה מותג מצלמות עדיף?

קנון וניקון הם שני השמות הגדולים ביותר בתעשיית המצלמות. אבל איזה מותג מציע את המערך הטוב ביותר של מצלמות ועדשות?

קרא הבא נושאים קשורים
  • יְצִירָתִי
  • גופנים
  • טיפוגרפיה
  • עיצוב אתרים
  • עיצוב גרפי
על הסופר אנדי בטס(221 מאמרים פורסמו)

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

עוד מאת אנדי בטס

הירשם לניוזלטר שלנו

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

לחצו כאן להרשמה