כללי אצבע וטיפים לעיצוב טקסטים דיגטליים

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

Transcript

1. םיפיטו עבצא יללכ םיילטגיד םיטסקט בוציעל דלפנרוק םהרבא
2. ילע תצק
3. ןכות
4. 
 הז טנרטניאל בוציע היפרגופיט 95% ןייטשנכיר רבילוא A.I. MAGAZINE
10. PPI
11. PPI
12. PPI
13. PPI
15. עבצא יללכ טסקט דומיעל
16. הרוש ךרוא
17. הרוש ךרוא 12הלימ
18. (Leading/line-height) הרוש־הבוג
19. (Leading/line-height) הרוש־הבוג 1.5
20. הרוש ךרואל סחיב הרוש־הבוג םילימ תומכ הרושב הרוש הבוג 8 12 16 20 4 1.6 1.4 1.5 1.3 1.2
21. הרוש ךרואל סחיב הרוש־הבוג םילימ תומכ הרושב הרוש הבוג 8 12 16 20 4 1.6 1.4 1.5 1.3 1.2
22. תוא לדוגל סחיב הרוש־הבוג 1.6 1.4 1.5 1.3 תוא לדוג 15 30 45 60 0 px 1.2 הרוש הבוג
23. תוא לדוגל סחיב הרוש־הבוג 1.6 1.4 1.5 1.3 תוא לדוג 15 30 45 60 0 px 1.2 הרוש הבוג
24. בא תויתואה ןיב חוור (letter-spacing/Tracking)
25. תוא לדוג / תויתוא ןיב חוור ןיב חוור תויתוא תוא לדוג 0 16 2- 1- 24 32 40 8 1 px
26. תוא לדוג / תויתוא ןיב חוור ןיב חוור תויתוא תוא לדוג 0 16 2- 1- 24 32 40 8 1 px
27. (text-align) קולב :רושיי
28. (text-align) קולב :רושיי
29. הקסיפ עבצ
30. הקסיפ עבצ
31. המותי הלימ
32. ☹ המותי הלימ
33.  
35. matthewlein.com/widowfix WidowFix
36. matthewlein.com/widowfix WidowFix
39. ☺
40. םיטנופ
41. םיטנופ םיאצומ הפיא תירבעב ?
42. םיטנופ םיאצומ הפיא תירבעב ?
43. זירדנואפ־פייט
44. זירדנואפ־פייט םיפרגופיט םייאמצע
45. זירדנואפ־פייט תוצובק םיפרגופיט םיפרגופיט םייאמצע
46. זירדנואפ־פייט תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
47. זירדנואפ־פייט ףטנופ תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
48. זירדנואפ־פייט ףטנופ רזע דדוע תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
49. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
50. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
51. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב הדליגה תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
52. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב הדליגה אאא תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
53. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב טנופרטסאמ הדליגה אאא תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
54. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב טנופרטסאמ טיבטנופ הדליגה אאא תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
55. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב טנופרטסאמ טיבטנופ פייטנופ הדליגה אאא תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
56. זירדנואפ־פייט ףטנופ רזע דדוע עלס לאומש ןתנ ןב טנופרטסאמ טיבטנופ פייטנופ הדליגה אאא תורבח םיטנופ תוצובק םיפרגופיט םיפרגופיט םייאמצע
57. םיימניח םיטנופ
58. םיימניח םיטנופ
59. תירבע סנאס ןפוא
60. ףלא
61. שומיש תונוישיר
62. שומיש תונוישיר
63. שומיש תונוישיר
64. שומיש תונוישיר
65. שומיש תונוישיר פוטקסד OTF / ”טנירפ“ / OpenType
66. שומיש תונוישיר טנופבוו WEB / תשר־ןפוג פוטקסד OTF / ”טנירפ“ / OpenType
67. שומיש תונוישיר טנופבוו WEB / תשר־ןפוג פוטקסד OTF / ”טנירפ“ / OpenType היצקילפא APP / הנכות
68. (הרושו) תיתלחתה תוא
69. השעת לא – תושגדה
70. השעת לא – תושגדה
71. השעת לא – תושגדה
72. השעת לא – תושגדה
73. השעת לא – תושגדה
74. תושגדה
75. תושגדה
76. תושגדה
77. תושגדה
78. טסקט ןומיס
80. ־ה תא וחכשת לא Hover ?
81. ־ה תא וחכשת לא Hover ?
82. ־ה תא וחכשת לא Hover ?
85. םילשמ יזעול טנופ
86. םילשמ יזעול טנופ
87. PX vs em vs REM
88. PX vs em vs REM
92. םולש יל םיארוק
93. םוספיא םרול ללוחמ
94. alefalefalef.co.il/hameholel
95. alefalefalef.co.il/hameholel
97. יח וגול
99. 
םע המ לבא 
Save image as ?
101. !סונוב שי ,עגר
103. Schema.org
104. Schema.org
111. 
.הדות 
 דלפנרוק םהרבא avrahamcornfeld.com alefalefalef.co.il