מהי טיפוגרפיה, ובנוסף, עיצוב טיפוגרפי? כדי להשתמש בהסבר הבסיסי ביותר, טיפוגרפיה היא עיצוב ושימוש בגופנים כאמצעי תקשורת. אנשים רבים מחשיבים טיפוגרפיה שהחלה עם גוטנברג ופיתוח של סוג נע, אבל טיפוגרפיה חוזרת הרבה יותר מזה. ענף זה של העיצוב למעשה יש שורשים בכתב יד בכתב יד. טיפוגרפיה מקיפה הכל מתוך קליגרפיה באמצעות סוג דיגיטלי שאנו רואים היום על דפי אינטרנט מכל הסוגים. אמנות הטיפוגרפיה כוללת גם מעצבים מסוגים שיוצרים אותיות חדשות אשר הופכות לקובצי גופן שעבודות אחרות יכולות להשתמש בהן בעבודותיהם, מעבודות מודפסות לאתרים הנ"ל. כמו שונים כמו עבודות אלה עשויים להיות, את היסודות של טיפוגרפיה underpin כולם.
אלמנטים של טיפוגרפיה
Typefaces וגופנים: אם אי פעם דיברת עם עיצוב המשתמשים בטיפוגרפיה בעבודות שלהם, סביר להניח ששמעת את המונחים "גופן" ו / או "גופן". אנשים רבים משתמשים בשני המונחים הללו לסירוגין, אבל יש למעשה כמה הבדלים בין שני הפריטים.
"סוג" הוא תנאי לתת למשפחה של גופנים (כגון Helvetica רגיל, Helvetica Italic, Helvetica שחור, ו Helvetica Bold ). כל הגרסאות השונות של Helvetica לפצות את גופן מלא.
"גופן" הוא המונח המשמש כאשר מישהו מתייחס למשקל אחד או סגנון אחד בלבד בתוך המשפחה (כגון Helvetica Bold). כל כך הרבה צורות מורכבות של מספר גופנים בודדים, כולם דומים וקשורים אך שונים בדרך כלשהי. מספר שורות יכול לכלול רק גופן אחד, בעוד שאחרים יכולים לכלול וריאציות רבות של אותיות המרכיבות את הגופנים.
האם זה נשמע קצת מבלבל? אם כן, אל תדאג. במציאות, אם מישהו הוא לא מומחה טיפוגרפיה, סביר להניח שהם משתמשים במונח "גופן", ללא קשר לאחד מהמונחים האלה שהם באמת מתכוונים - ואפילו מעצבים מקצועיים רבים משתמשים בשני המונחים הללו באופן חלופי. אלא אם כן אתה מדבר עם מעצב סוג טהור על המכניקה של כלי השיט, אתה כנראה בטוח למדי באמצעות שני אלה המונחים שאתה מעדיף. עם זאת, אם אתה מבין את ההבחנה ואת יכולה להשתמש כראוי את התנאים הנכונים, זה אף פעם לא דבר רע!
סוג גופן: לפעמים נקרא "משפחות גופן גנריות" , אלה הן קיבוצים גדולים של סוגי גופן המבוססים על מספר סיווגים גנריים שגופנים שונים נופלים תחתם. בדפי אינטרנט קיימים שישה סוגים של סיווגים של גופן, אשר סביר שתראה:
- תָג
- פונט סאנס סריף
- מונוספסד
- רָהוּט
- פנטזיה
- תַסרִיט
יש גם מספר סיווגים גופן אחרים כי הם offshoots של אלה. לדוגמה, גופני "slif serif" דומים לסריפים, אך כולם מציגים עיצוב מוכר עם סכינים עבים, עבים על אותיות.
אחד האתרים כיום, serif ו- sans-serif הם שני סוגי הגופן הנפוצים ביותר המשמשים.
צורה אנטומיה: כל גופן מורכב מרכיבים שונים שמבדילים אותו מ typefaces אחרים. אלא אם כן אתה הולך להיכנס עיצוב סוג מחפש ליצור מותג חדש גופנים, מעצבי אינטרנט לא צריך בדרך כלל לדעת את הפרטים של האנטומיה גופן. אם אתה מעוניין ללמוד עוד על אלה אבני הבניין של גופן ו letterforms, יש מאמר נהדר על האנטומיה גופן באתר האינטרנט About.com פרסום באתר.
ברמה הבסיסית, האלמנטים של האנטומיה הגופנית שאתה צריך להיות מודע הם:
- כובע וגובה x: זהו גובה אותיות האותיות בגופן וגובה האות x. זה אומר לך כמה גבוה האותיות הגדולות יהיה, כמו גם כמה גדול אותיות קטנות ביותר יהיה. גופנים הם בגודל מבוסס על שני מאפיינים אלה.
- דנדרים ועולים: אלה הם המכתבים של האותיות כי ללכת מתחת ומעל קו x גובה . אלה מתייחסים בדרך כלל באותיות קטנות. לדוגמה, האות "b" יש עלית (היצירה "נדבקת" מהמכתב), ואילו האות "p" יש דסקנדר (החלקים היורדים "למטה" מהמכתב).
מרווחים סביב מכתבים
ישנם מספר התאמות שניתן לבצע בין אותיות סביב אותיות המשפיעות על טיפוגרפיה. גופנים דיגיטליים נוצרים עם הרבה מאפיינים אלה במקום, ועל אתרי אינטרנט יש לנו יכולת מוגבלת לשנות את ההיבטים של הגופן. זה בדרך כלל דבר טוב שכן ברירת המחדל של הדרך גופנים מוצגים בדרך כלל עדיף.
- kerning - החלל האופקי בין אותיות בודדות
- - החלל בין קבוצות של אותיות
- המוביל - רווח אנכי בין השורות מסוג (זה ידוע בתור גובה קו מבחינת האתר)
- מידה - אורך שורות הטקסט
- יישור - הצבת טקסט חזותי שמאלה, ימינה, מרוכזת או מוצדקת
- ליגטורות - אותיות נעות זו לזו כך שהאנטומיה שלהן משולבת, זורמת למעשה אות אחת לאחרת
עוד טיפוגרפיה אלמנטים
טיפוגרפיה היא יותר מאשר רק את typefaces המשמשים את שטח לבן סביבם. יש גם כמה דברים אחרים שכדאי לזכור בעת יצירת מערכת טיפוגרפית טובה לכל עיצוב:
מיקוף: מיקוף הוא תוספת של מקף (-) בסוף שורות כדי לסייע במניעת בעיות בקריאה או להפוך הצדקה נראית טוב יותר. אמנם בדרך כלל נמצא במסמכים מודפסים, רוב מעצבי האינטרנט להתעלם מקף ולא להשתמש בו בעבודתם כי זה לא משהו מטופל באופן אוטומטי באופן אוטומטי על ידי דפדפני אינטרנט.
Rag: קצה אנכי אחידה של גוש טקסט נקרא סמרטוט. כאשר תשומת לב טיפוגרפיה, אתה צריך להסתכל על בלוקים הטקסט שלך בכללותו כדי לוודא את הסמרטוט אינו משפיע על העיצוב. אם הסמרטוט משונן מדי או לא אחיד, הוא יכול להשפיע על הקריאות של גוש הטקסט ולהפוך אותו להסיח את הדעת. זה משהו מטופל באופן אוטומטי על ידי הדפדפן במונחים של איך זה סוג raps מקו לקו.
אלמנות ויתומים: מילה אחת בסוף הטור היא אלמנה, ואם זה בראש עמוד חדש זה יתום. אלמנות ויתומים נראים רעים ויכולים להיות קשים לקריאה.
קבלת שורות הטקסט שלך כדי להציג באופן מושלם בדפדפן אינטרנט היא הצעה מפרך, במיוחד כאשר יש לך אתר אינטרנט תגובה ותצוגות שונות עבור גדלי מסך שונים.היעד שלך צריך להיות כדי לסקור את האתר בגדלים שונים כדי לנסות ליצור את המראה הטוב ביותר אפשרי, תוך קבלת כי במקרים מסוימים התוכן שלך יהיה חלונות, יתומים, או אחר פחות מ-אידיאלי מציג. המטרה שלך צריכה להיות כדי למזער את ההיבטים האלה של עיצוב סוג, בעוד גם להיות מציאותי בכך שאתה לא יכול להשיג שלמות עבור כל גודל המסך ואת התצוגה.
צעדים כדי לבדוק את טיפוגרפיה
- בחר את הגופנים בזהירות, מסתכל על האנטומיה של סוג, כמו גם איזו משפחה של סוג זה נמצא.
- אם תבנה את העיצוב באמצעות טקסט מציין מיקום , אל תאשר את העיצוב הסופי עד שתראה את הטקסט האמיתי בתכנון.
- שימו לב לפרטים הקטנים של הטיפוגרפיה .
- תסתכל על כל גוש טקסט כאילו לא היו בו מילים. אילו צורות עושה הטקסט בדף? ודא שצורות אלה נושאות את כל עיצוב הדף קדימה.
מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'יררד ב -7.5.17