דף הבית » עיצוב אתרים » טיפוגרף 101 שריף נגד סאנס-סריף

    טיפוגרף 101 שריף נגד סאנס-סריף

    בשלב של בחירת גופנים, מעצב לעתים קרובות שואל את עצמו, “כדי שריף או Sans-Serif”? בחירת סוג של גופן להשתמש בעיצוב הוא בעל חשיבות עליונה כפי שהוא משפיע מאוד הקריאה, חוויית המשתמש ואת האסתטיקה הכוללת של העיצוב.

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

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

    מאיפה הגיעו סכינים?

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

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

    מה עם sans-serif?

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

    לדעת את זה, איך יכול להיות בחירה עם serifs או sans-serif להשפיע על העיצוב שלך? הנה כמה דברים לשקול:

    קריאה

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

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

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

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

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

    קריאות

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

    במקרה של התמונה לעיל, את המקרה התחתון L ואני עבור sans serif ב Arial נראים די דומים. תאר לעצמך להקליד את המילה “אילינוי”.

    הנה כדי להדגיש את הנקודה שלי.

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

    אלכס פול כתב מאמר מוסבר היטב המשווה בין גופני serif ו- sans-serif בניסיון לגלות איזה קריא יותר.

    לדבריו, יש חמש תכונות לציין כאשר מדובר על קריאות:

    • Serif או Sans-serif
    • גודל נקודה
    • גובה X
    • מונים
    • עולים ויורדים

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

    עם זאת, הוא אמר כי:

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

    שינוי גודל ופתרון

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

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

    IMAGE: זמן

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

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

    כדי serif, או sans-serif?

    אז, מה התשובה לשאלה?

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

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

    תמונה: GQ

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

    מספר מילים לסיום

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