טיפוגרפיה
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
מונחי טיפוגרפיה
טיפוגרפיה היא מרכיב מרכזי כמעט בכל חוויה. עם זאת, המורכבות והז'רגון הופכים אותה למקור נפוץ לאי הבנה. הבנת מונחי טיפוגרפיה מרכזיים תאפשר לך: להגדיל את ״הקריאות״ (ולכן השימושיות) של ממשק
שיפור המראה המקצועי והחזותי
יצירת זהות מותג עקבית יותר
צמצום בתיקונים ואיטרציות יקרות
תקשורת יעילה עם חברי הצוות
NNG
6 מיקרו-טיפים לטיפוגרפיה יוצאת דופן
“אם אתם רוצים לראות קפיצה מטאורית בUI שלכם, תתחילו מללמוד טיפוגרפיה” אמר @thechrisdo באחד הפודקסטים הראשונים שלו. ובכן לא עשיתי כדברו והגעתי ללמוד את זה בצורה יסודית רק כמה שנים אחרי ששמעתי את עצתו.והיי, אני מאמין שהייתם עושים אותו דבר כי ברור שאתם כמוני ויודעים כבר דבר או שניים על טיפוגרפיה, בסוף יש לכם עיניים של אמנים! אבל מה שלא לקחתי בחשבון זה שטיפוגרפיה זה גם 50% מדע, עם חוקים, מספרים וכללים. ואת זה אי אפשר לדעת מאינטואיציה.טיפוגרפיה לוקחת זמן ומאמץ ללמוד. אבל במאמר הזה אני אתן לכם 6 טיפים ב6 דקות קריאה, שישדרגו לכם מאוד כל אתר או מוצר דיגיטלי שתעצבו! נכון שחלק מהטיפים רלוונטיים בעיקר לשפה האנגלית אבל אני סבור שאתם תוכלו להיעזר בהם במוקדם או במאוחר. ולכל הפחות, למדתם עוד קצת על המדע שמאחורי האמנות.
ux.plained | Stav Katz
טיפוגרפיה בעיצוב אתרים
שלך. הסיבה העיקרית שאנשים מבקרים באתר בפעם הראשונה היא לקרוא את המידע שהוא מספק. צרכנים רבים עדיין מקבלים מידע חיוני על עסק, מוצריו ושירותיו על ידי קריאת תוכן טקסטואלי - לא על ידי צפייה בסרטון הדרכה או התבוננות בתמונות מושכות. מילים חיוניות לכל אתר אינטרנט - והאופן שבו אתר מציג את המילים הללו חשוב לא פחות.
UXmatters
איך להתאים פונטים?
המאמר מספק הנחיות לגבי התאמה יעילה של גופים בעיצוב. הוא מציע להשתמש בפונטים עם הבחנות ברורות בין תווים ותמיכה במספר שפות. יש לשלב גופנים דקורטיביים עם גופנים ניטרליים ולהשתמש בהם במשורה כדי להימנע מהכרעת העיצוב. שימוש במשקלי גופן מנוגדים יכול ליצור היררכיה חזותית. חיוני להקצות תפקידים ברורים לכל גופן כדי לשמור על עקביות וקריאות. המאמר מדגיש איזון בין אסתטיקה לפונקציונליות כדי לשפר את חווית המשתמש.
NNG
טקסט גדול יותר, מיקוד טוב יותר
המאמר דן כיצד בחירות גופנים יכולות לשפר את הקריאה עבור תוכן שניתן לראות, כגון התראות קצרות או תצוגות של שעונים חכמים. ממצאים עיקריים מצביעים על כך שגופנים גדולים יותר, טקסט ברוחב רגיל ואותיות רישיות קריאים יותר כאשר מביטים בטקסט קצר. גופנים קטנים ומרוכזים מאטים את הזיהוי. בעוד שגופנים גדולים יותר ואותיות רישיות יעילים לפרצי מידע קצרים, הם אינם אידיאליים לקטעים ארוכים יותר. מהמחקר עולה כי בסביבות ריבוי משימות, שיפורי קריאות יכולים לשפר את חווית המשתמש.
NNG
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
פרק 85 עודד עזר | טיפוגרפיה בממשקים
אז בפרק האחרון יהודית אשר ארחה את עודד עזר - טיפורגף, מעצב, מרצה, שהרבה מאיתנו התחנכו על ידו, או שמשתמשים במודע או לא, באופן יומיומי בפונטים שיצר. עודד השפיע בצורה ענקית על עולם הפונטים בעשרים שנים האחרונות, והפעם יהודית ועודד שוחחו על התבטאות הטיפוגרפיה בממשקים דיגיטלים.
הקהילה שלנו מורכבת מאנשים שבאו מרקעי לימוד שונים, תואר, קורס, לימוד עצמאי… ולעיתים נשמעות טענות אשר יש פער מסויים בין יכולות אפיון של מעצבים לבין ליכולות הטיפוגרפיה שלהם. עודד טוען שהיתרון בתואר של 4 שנים לעיצוב גרפי, הוא שזה נותן זמן ומשאבים למחקר ולטעויות, ואלו דברים שמלמדים אותנו המון. דברים אלו לעיתים מתפספסים בהכשרות קצרות יותר, וזה ליגיטימי, הדבר החשוב הוא לפחות להיות מודעים לזה שישנם פערים טיפוגרפים מסויימים שעליהם צריך לדבר ולגשר.
עודד מתאר את הפונטים כבעלי אופי, שלא רק שמשרתים את החוויה שאנחנו רוצים להעביר, אלא לעיתים פונט בלבד מספיק בשביל להעביר למשתמשים תחושה שלמה.
האזנה נעימה 🎧
Radio Button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
עדכון פיגמה - יצירת וריאבלז גם לטיפוגרפיה, שקיפות וגרדיאנטים
בהמשך ליצירת וריאבלז לצבעים ומידות עבור הדיזיין סיסטם שלנו, פיגמה שיחררו עדכון שמאפשר יצירת וריאבלז גם לטיפוגרפיה, שקיפות וגרדיאנטים 🙌 בוידאו סער גיל ויאנה בליטמן מדגימים את השינויים ואיך מומלץ להשתמש ביכולות החדשות בדיזיין סיסטם שלנו.
Design Club
אות, מסך ומה שבינהם
פסקה מיושרת לימין? גודל אות של 16px? פונט אריאל או ורדנה? תשובות לשאלות אלו משליכות באופן ישיר על האינטראקציה הרצויה. ההרצאה תעסוק בטיפוגרפיה – תורת האות, בדגש על מסך וחוויית משתמש. על משמעות הטיפוגרפיה עבורנו כמעצבים – באופן מודע, ועל ההשלכות של טיפוגרפיה על המשתמשים שלנו – באופן בלתי מודע. בשנים האחרונות חלו שינויים רבים בתחום הטיפוגרפיה על מסכים. לאחרונה google הוציאו 11 פונטים חדשים בעברית, שלאט לאט מתחילים לשבור את ההגמוניה של גופן אריאל המוכר. אתרים מתחילים להעביר תחושות לא רק דרך פונקציונליות, קומפוזיציות וצבעים אלא גם באמצעות אותיות. דרך היכרות עם המהלכים העדכניים ביותר, לירון תשתף כמה כללי אצבע על מה שהופך טיפוגרפיה לטובה יותר, ותיתן כמה טיפים על הדרך לבחון אותה בסביבת מסך ומשתמש.
UXI Live
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.