סדר טיפוגרפי

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

ההבדל, בתמונה אחת

הכלים שיוצרים אותה

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

משקל. משנה נוכחות בלי לשנות שטח, ולכן שימושי במיוחד כשהמקום מוגבל.

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

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

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

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

מה שחסר בעברית

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

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

שלושה כללים שמחזיקים

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

2. ניגוד חלש גרוע מאין ניגוד. 18 מול 20 נקודות נקרא כטעות, לא כהחלטה. אם רמה שונה, שתהיה שונה בבירור.

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

טעות נפוצה

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

שאלות נפוצות

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

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

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