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

פרסומת

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

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

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

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

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

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

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

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

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

סוג סיווגים

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

• Serif
• פונט סאנס סריף
• גותי
• מכונת כתיבה
• תסריט
• דקורטיבי

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

סריף נגד פונט סאנס סריף

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

סופרפמיליות

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

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

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

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

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

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

מציאת הגופן השני שלך

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

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

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

1. שמור את זה במשפחה

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

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

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

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

2. שלב סריפים וסאנס-סריפים

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

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

3. הגבל לשניים או שלושה גופנים

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

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

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

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

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

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

מציאת השראה ורעיונות

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

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

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

Typ.io

Typ.ioהאתר מחולק לשני חלקים. החלק הראשון כולל תכונות שילובי גופנים מרחבי האינטרנט כמקור השראה:

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

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

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

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

פינטרסט

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

הקלד חיבור

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

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

סוג גוגל

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

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

הקלדה

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

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

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

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

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

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