Grid

Page 1

‫[‪]1‬‬

‫הרמוניה‬ ‫‪g‬‬ ‫[‪]2‬‬

‫גריד‬ ‫‪g‬‬ ‫[‪]3‬‬

‫טיפוגרפיה‬ ‫‪g‬‬ ‫[‪]4‬‬

‫פונקציונליות‬


‫[‪]1‬‬ ‫הרמוניה‬

‫סימטריה‬ ‫‪symmetry‬‬


‫[‪]1‬‬ ‫הרמוניה‬

‫סימטריה‬ ‫‪symmetry‬‬

‫העת העתיקה‬ ‫קלאסיקה‬ ‫עד תחילת המודרניזם‬


‫[‪]1‬‬ ‫הרמוניה‬

‫סימטריה‬ ‫‪symmetry‬‬


‫[‪]1‬‬ ‫הרמוניה‬

‫סימטריה‬ ‫‪symmetry‬‬


‫[‪]1‬‬ ‫הרמוניה‬

‫א–סימטריה‬ ‫‪asymmetry‬‬

‫מודרניזם‬

‫)‪Swiss style (1950‬‬ ‫הסגנון הבינלאומי‬


‫[‪]1‬‬ ‫הרמוניה‬

‫א–סימטריה‬ ‫‪asymmetry‬‬

‫מודרניזם‬

‫)‪Swiss style (1950‬‬ ‫הסגנון הבינלאומי‬


‫[‪]1‬‬ ‫הרמוניה‬

‫א–סימטריה‬ ‫‪asymmetry‬‬

‫מודרניזם‬

‫)‪Swiss style (1950‬‬ ‫הסגנון הבינלאומי‬


‫[‪]1‬‬ ‫הרמוניה‬

‫פרופורציה‬ ‫‪proportion‬‬

‫יחסי אורך ורוחב‬ ‫של הפורמט‬


‫[‪]1‬‬ ‫הרמוניה‬

‫פרופורציה‬ ‫‪proportion‬‬

‫יחסים פנימיים‪:‬‬ ‫שטח הטקסט מול שטח הדף‬ ‫יאן טצ'יכולד (‪:)Tschichold‬‬ ‫יחסים פנימיים בהרמוניה ליחסי הפורמט‬


‫[‪]1‬‬ ‫הרמוניה‬

‫פרופורציה‬ ‫‪proportion‬‬

‫יחסים פנימיים‪:‬‬ ‫שטח הטקסט מול שטח הדף‬ ‫פול רנר (‪:)Renner‬‬ ‫יחס מתמטי של (בממוצע) ‪ 5:8‬בין הטקסט לגודל הפורמט‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]2‬‬ ‫תבנית מורכבת של צירי אורך ורוחב‬ ‫המתייחסת הן ל"שטח" הטקסט‬ ‫והן לפורמט‬

‫גריד‬ ‫‪layout‬‬


‫[‪]3‬‬ ‫בחירת סוג האות‬ ‫והיחסים בין גודל האות‪,‬‬ ‫לריווח בין השורות )‪(leading‬‬ ‫לגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


‫[‪]3‬‬ ‫יחס בין הטיפוגרפיה‬ ‫לאלמנטים ויזואליים נוספים‬ ‫יחסים בין האלמנטים‬ ‫ובינם לבין הגריד‬

‫טיפוגרפיה‬ ‫‪typography‬‬

‫ואלמנטים ויזואליים נוספים‬


]4[

‫פונקציונליות‬ form follows function

“I feel appropriate in this context” — ‫— עמנואל קאנט‬


]4[

‫פונקציונליות‬ form follows function


]4[

‫פונקציונליות‬ form follows function


]4[

‫פונקציונליות‬ form follows function


]4[

‫פונקציונליות‬ form follows function


]4[

‫פונקציונליות‬ form follows function


] ... [

Total Design


] ... [

Total Design


] ... [

Total Design


] ... [

Total Design


] ... [

Total Design


] ... [

Total Design


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.