SlideShare a Scribd company logo
1 of 4
‫הבית‬ ‫דף‬
‫דף‬ ‫עיצוב‬ -‫מצגת‬ ‫עיצוב‬
‫איזון‬‫איזון‬
‫עקביות‬‫עקביות‬
‫האתר‬ ‫לבניית‬ ‫מ-המדריך‬ ‫לקוחים‬ ‫מהחומרים‬ ‫חלק‬
‫איתן‬ - ‫האקדמית‬ ‫המידע‬ ‫מערכת‬
‫טיפוגרפיה‬‫טיפוגרפיה‬
‫פוגל‬ ‫רז‬ ‫נוהר‬
‫למידה‬ ‫למערכות‬ ‫טכנולוגיה‬
‫חולון‬ ‫טכנולוגי‬ ‫האקדמי‬ ‫המכון‬
‫סלע‬ ‫יניב‬ :‫עיצוב‬
‫איזון‬‫הקורא‬ ‫למשיכת‬ ‫מכריע‬ ‫הדף‬ ‫של‬ ‫והארגון‬ ‫הכולל‬ ‫הגרפי‬ ‫האיזון‬
.‫שלך‬ ‫התוכן‬ ‫לתוך‬
‫אזור‬ ‫של‬ ‫בלוק‬ ‫כמו‬ ‫לעין‬ ‫יראה‬ ‫סולידי‬ ‫טקסט‬ ‫של‬ ‫משעמם‬ ‫דף‬
‫שמעוצב‬ ‫דף‬ .‫שלך‬ ‫המידע‬ ‫למבנה‬ ‫ברורים‬ ‫סימנים‬ ‫בלי‬ ,‫אפור‬
.‫לתוכן‬ ‫להגיע‬ ‫למשתמשים‬ ‫יפריע‬ ‫צבעים/גרפיקה‬ ‫מדי‬ ‫יותר‬ ‫עם‬
‫לעיצוב‬ ‫המפתחות‬ ‫הם‬ ‫היעד‬ ‫לקהל‬ ‫והתאמה‬ ‫חזותי‬ ‫איזון‬
‫מהי‬ :‫לב‬ ‫שים‬ ,‫האינטרנט‬ ‫לאתר‬ ‫דף‬ ‫מעצבים‬ ‫כאשר‬ .‫מוצלח‬
.‫הקוראים‬ ‫וציפיות‬ ‫התוכן‬ ‫אופי‬ ,‫האתר‬ ‫מטרה‬
Walla.co.ilWalla.co.il
‫טיפוגרפיה‬‫טיפוגרפיה‬
‫עקביות‬‫עקביות‬
‫עקביות‬
‫חשיבות‬ ‫ישנה‬ -‫שונה‬ ‫מאוד‬ ‫העמוד‬ ‫תוכן‬ ‫אם‬ ‫גם‬
‫לעקביות‬ ‫גדולה‬,‫נותנת‬ ‫וניווט‬ ‫למבנה‬ ‫עקבית‬ ‫גישה‬
‫שלך‬ ‫לעיצוב‬ ‫במהירות‬ ‫להסתגל‬ ‫היכולת‬ ‫את‬ ‫לקוראים‬
‫האתר‬ ‫בדפי‬ ‫הניווט‬ ‫ועזרי‬ ‫המידע‬ ‫מיקום‬ ‫את‬ ‫ולחזות‬,
‫מסוימת‬ ‫אינפורמציה‬ ‫לקבל‬ ‫מתרגלת‬ ‫הצופה‬ ‫עין‬
‫חוזר‬ ‫בפונט‬ -‫חוזר‬ ‫בצבע‬ -‫קבוע‬ ‫במקום‬.
Walla.co.ilWalla.co.il
‫איזון‬‫איזון‬
‫טיפוגרפיה‬‫טיפוגרפיה‬
‫טיפוגר‬
‫פיה‬,‫הדף‬ ‫על‬ ‫אותיות‬ ‫צורת‬ ‫של‬ ‫והמשחק‬ ‫האיזון‬ ‫היא‬ ‫טיפוגרפיה‬
‫תוכן‬ ‫את‬ ‫ולספוג‬ ‫להבין‬ ‫לקורא‬ ‫שעוזרת‬ ‫וחזותית‬ ‫מילולית‬ ‫משוואה‬
‫חזותית‬ ‫כתקשורת‬ ‫כפול‬ ‫תפקיד‬ ‫משחקת‬ ‫טיפוגרפיה‬ .‫הדף‬
‫הכרתי‬ ‫תת‬ ‫באופן‬ ‫הם‬ ‫דף‬ ‫סורקים‬ ‫שקוראים‬ ‫בזמן‬ .‫ומילולית‬
‫התבניות‬ ‫את‬ ‫מודדים‬ ‫קודם‬ ‫הם‬ : ‫הפונקציות‬ ‫בשתי‬ ‫משתמשים‬
‫או‬ ,‫השפה‬ ‫את‬ ‫מנתחים‬ ‫הם‬ ‫אז‬ ,‫הדף‬ ‫של‬ ‫הכוללות‬ ‫הגרפיות‬
‫על‬ ‫הדף‬ ‫על‬ ‫חזותית‬ ‫הירארכיה‬ ‫מקימה‬ ‫טובה‬ ‫טיפוגרפיה‬ .‫קוראים‬
‫בין‬ ‫היחס‬ ‫את‬ ‫להבין‬ ‫לקוראים‬ ‫שעוזר‬ ‫גרפי‬ ‫וביטוי‬ ‫חזותי‬ ‫פיסוק‬ ‫ידי‬
.‫הטקסט‬ ‫וגוף‬ ‫כותרות‬ ,‫ותמונות‬ ‫טקסט‬
‫עקביות‬‫עקביות‬
‫איזון‬‫איזון‬
Walla.co.ilWalla.co.il

More Related Content

Viewers also liked

שיעור 3 - מאפיינים של משחקי הכרה
שיעור 3 - מאפיינים של משחקי הכרהשיעור 3 - מאפיינים של משחקי הכרה
שיעור 3 - מאפיינים של משחקי הכרהYaniv sela
 
Yes משחק ארגוני
Yes משחק ארגוניYes משחק ארגוני
Yes משחק ארגוניYaniv sela
 
שיעור 2 - מאפיינים של משחקי הכרה
שיעור 2 - מאפיינים של משחקי הכרהשיעור 2 - מאפיינים של משחקי הכרה
שיעור 2 - מאפיינים של משחקי הכרהYaniv sela
 
без назви 1
без назви 1без назви 1
без назви 1nastia12345
 
Wide open space
Wide open spaceWide open space
Wide open spaceYaniv sela
 
שיעור 1 - מאפיינים של משחקי הכרה
שיעור 1  - מאפיינים של משחקי הכרהשיעור 1  - מאפיינים של משחקי הכרה
שיעור 1 - מאפיינים של משחקי הכרהYaniv sela
 
Rethinking scalability
Rethinking scalabilityRethinking scalability
Rethinking scalabilityYaniv sela
 
Human as a virus
Human as a  virusHuman as a  virus
Human as a virusYaniv sela
 
BIO URBAN DESIGN
BIO URBAN DESIGNBIO URBAN DESIGN
BIO URBAN DESIGNYaniv sela
 

Viewers also liked (11)

שיעור 3 - מאפיינים של משחקי הכרה
שיעור 3 - מאפיינים של משחקי הכרהשיעור 3 - מאפיינים של משחקי הכרה
שיעור 3 - מאפיינים של משחקי הכרה
 
Yes משחק ארגוני
Yes משחק ארגוניYes משחק ארגוני
Yes משחק ארגוני
 
Tetriends
Tetriends Tetriends
Tetriends
 
שיעור 2 - מאפיינים של משחקי הכרה
שיעור 2 - מאפיינים של משחקי הכרהשיעור 2 - מאפיינים של משחקי הכרה
שיעור 2 - מאפיינים של משחקי הכרה
 
без назви 1
без назви 1без назви 1
без назви 1
 
Wide open space
Wide open spaceWide open space
Wide open space
 
שיעור 1 - מאפיינים של משחקי הכרה
שיעור 1  - מאפיינים של משחקי הכרהשיעור 1  - מאפיינים של משחקי הכרה
שיעור 1 - מאפיינים של משחקי הכרה
 
Rethinking scalability
Rethinking scalabilityRethinking scalability
Rethinking scalability
 
Human as a virus
Human as a  virusHuman as a  virus
Human as a virus
 
BIO URBAN DESIGN
BIO URBAN DESIGNBIO URBAN DESIGN
BIO URBAN DESIGN
 
Step by-step1
Step by-step1Step by-step1
Step by-step1
 

Similar to עיצוב עמוד

2016-2017 מגמות עיצוביות
 2016-2017 מגמות עיצוביות 2016-2017 מגמות עיצוביות
2016-2017 מגמות עיצוביותY&A
 
ניתוח אתר מכון אריקה לנדאו
ניתוח אתר   מכון אריקה לנדאוניתוח אתר   מכון אריקה לנדאו
ניתוח אתר מכון אריקה לנדאוGilad Bar-Lev
 
Articles technologies
Articles technologiesArticles technologies
Articles technologiesbarallor
 
פיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבתפיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבתLior Rotkovitch
 
פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1Rotkovitch
 
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעיליםSagi Shrieber
 

Similar to עיצוב עמוד (6)

2016-2017 מגמות עיצוביות
 2016-2017 מגמות עיצוביות 2016-2017 מגמות עיצוביות
2016-2017 מגמות עיצוביות
 
ניתוח אתר מכון אריקה לנדאו
ניתוח אתר   מכון אריקה לנדאוניתוח אתר   מכון אריקה לנדאו
ניתוח אתר מכון אריקה לנדאו
 
Articles technologies
Articles technologiesArticles technologies
Articles technologies
 
פיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבתפיתוח הדרכה מתוקשבת
פיתוח הדרכה מתוקשבת
 
פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1פיתוח הדרכה מתוקשבת V1
פיתוח הדרכה מתוקשבת V1
 
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
עיצוב בעולם הדיגיטלי - הסבר, טיפים וקישורים יעילים
 

More from Yaniv sela

טכנולוגיה מעצבת מציאות
טכנולוגיה מעצבת מציאותטכנולוגיה מעצבת מציאות
טכנולוגיה מעצבת מציאותYaniv sela
 
Lab projects yaniv_sela
Lab projects yaniv_selaLab projects yaniv_sela
Lab projects yaniv_selaYaniv sela
 
תנועה ואור
תנועה ואורתנועה ואור
תנועה ואורYaniv sela
 
באנר לפורטל
באנר לפורטלבאנר לפורטל
באנר לפורטלYaniv sela
 
Collage poalim
Collage poalimCollage poalim
Collage poalimYaniv sela
 
משחק לימוד נהיגה?
משחק לימוד נהיגה?משחק לימוד נהיגה?
משחק לימוד נהיגה?Yaniv sela
 

More from Yaniv sela (10)

טכנולוגיה מעצבת מציאות
טכנולוגיה מעצבת מציאותטכנולוגיה מעצבת מציאות
טכנולוגיה מעצבת מציאות
 
Flush-me
Flush-meFlush-me
Flush-me
 
Diagrama
DiagramaDiagrama
Diagrama
 
Diagrama 2
Diagrama 2Diagrama 2
Diagrama 2
 
Diagrama 3
Diagrama 3Diagrama 3
Diagrama 3
 
Lab projects yaniv_sela
Lab projects yaniv_selaLab projects yaniv_sela
Lab projects yaniv_sela
 
תנועה ואור
תנועה ואורתנועה ואור
תנועה ואור
 
באנר לפורטל
באנר לפורטלבאנר לפורטל
באנר לפורטל
 
Collage poalim
Collage poalimCollage poalim
Collage poalim
 
משחק לימוד נהיגה?
משחק לימוד נהיגה?משחק לימוד נהיגה?
משחק לימוד נהיגה?
 

עיצוב עמוד

  • 1. ‫הבית‬ ‫דף‬ ‫דף‬ ‫עיצוב‬ -‫מצגת‬ ‫עיצוב‬ ‫איזון‬‫איזון‬ ‫עקביות‬‫עקביות‬ ‫האתר‬ ‫לבניית‬ ‫מ-המדריך‬ ‫לקוחים‬ ‫מהחומרים‬ ‫חלק‬ ‫איתן‬ - ‫האקדמית‬ ‫המידע‬ ‫מערכת‬ ‫טיפוגרפיה‬‫טיפוגרפיה‬ ‫פוגל‬ ‫רז‬ ‫נוהר‬ ‫למידה‬ ‫למערכות‬ ‫טכנולוגיה‬ ‫חולון‬ ‫טכנולוגי‬ ‫האקדמי‬ ‫המכון‬ ‫סלע‬ ‫יניב‬ :‫עיצוב‬
  • 2. ‫איזון‬‫הקורא‬ ‫למשיכת‬ ‫מכריע‬ ‫הדף‬ ‫של‬ ‫והארגון‬ ‫הכולל‬ ‫הגרפי‬ ‫האיזון‬ .‫שלך‬ ‫התוכן‬ ‫לתוך‬ ‫אזור‬ ‫של‬ ‫בלוק‬ ‫כמו‬ ‫לעין‬ ‫יראה‬ ‫סולידי‬ ‫טקסט‬ ‫של‬ ‫משעמם‬ ‫דף‬ ‫שמעוצב‬ ‫דף‬ .‫שלך‬ ‫המידע‬ ‫למבנה‬ ‫ברורים‬ ‫סימנים‬ ‫בלי‬ ,‫אפור‬ .‫לתוכן‬ ‫להגיע‬ ‫למשתמשים‬ ‫יפריע‬ ‫צבעים/גרפיקה‬ ‫מדי‬ ‫יותר‬ ‫עם‬ ‫לעיצוב‬ ‫המפתחות‬ ‫הם‬ ‫היעד‬ ‫לקהל‬ ‫והתאמה‬ ‫חזותי‬ ‫איזון‬ ‫מהי‬ :‫לב‬ ‫שים‬ ,‫האינטרנט‬ ‫לאתר‬ ‫דף‬ ‫מעצבים‬ ‫כאשר‬ .‫מוצלח‬ .‫הקוראים‬ ‫וציפיות‬ ‫התוכן‬ ‫אופי‬ ,‫האתר‬ ‫מטרה‬ Walla.co.ilWalla.co.il ‫טיפוגרפיה‬‫טיפוגרפיה‬ ‫עקביות‬‫עקביות‬
  • 3. ‫עקביות‬ ‫חשיבות‬ ‫ישנה‬ -‫שונה‬ ‫מאוד‬ ‫העמוד‬ ‫תוכן‬ ‫אם‬ ‫גם‬ ‫לעקביות‬ ‫גדולה‬,‫נותנת‬ ‫וניווט‬ ‫למבנה‬ ‫עקבית‬ ‫גישה‬ ‫שלך‬ ‫לעיצוב‬ ‫במהירות‬ ‫להסתגל‬ ‫היכולת‬ ‫את‬ ‫לקוראים‬ ‫האתר‬ ‫בדפי‬ ‫הניווט‬ ‫ועזרי‬ ‫המידע‬ ‫מיקום‬ ‫את‬ ‫ולחזות‬, ‫מסוימת‬ ‫אינפורמציה‬ ‫לקבל‬ ‫מתרגלת‬ ‫הצופה‬ ‫עין‬ ‫חוזר‬ ‫בפונט‬ -‫חוזר‬ ‫בצבע‬ -‫קבוע‬ ‫במקום‬. Walla.co.ilWalla.co.il ‫איזון‬‫איזון‬ ‫טיפוגרפיה‬‫טיפוגרפיה‬
  • 4. ‫טיפוגר‬ ‫פיה‬,‫הדף‬ ‫על‬ ‫אותיות‬ ‫צורת‬ ‫של‬ ‫והמשחק‬ ‫האיזון‬ ‫היא‬ ‫טיפוגרפיה‬ ‫תוכן‬ ‫את‬ ‫ולספוג‬ ‫להבין‬ ‫לקורא‬ ‫שעוזרת‬ ‫וחזותית‬ ‫מילולית‬ ‫משוואה‬ ‫חזותית‬ ‫כתקשורת‬ ‫כפול‬ ‫תפקיד‬ ‫משחקת‬ ‫טיפוגרפיה‬ .‫הדף‬ ‫הכרתי‬ ‫תת‬ ‫באופן‬ ‫הם‬ ‫דף‬ ‫סורקים‬ ‫שקוראים‬ ‫בזמן‬ .‫ומילולית‬ ‫התבניות‬ ‫את‬ ‫מודדים‬ ‫קודם‬ ‫הם‬ : ‫הפונקציות‬ ‫בשתי‬ ‫משתמשים‬ ‫או‬ ,‫השפה‬ ‫את‬ ‫מנתחים‬ ‫הם‬ ‫אז‬ ,‫הדף‬ ‫של‬ ‫הכוללות‬ ‫הגרפיות‬ ‫על‬ ‫הדף‬ ‫על‬ ‫חזותית‬ ‫הירארכיה‬ ‫מקימה‬ ‫טובה‬ ‫טיפוגרפיה‬ .‫קוראים‬ ‫בין‬ ‫היחס‬ ‫את‬ ‫להבין‬ ‫לקוראים‬ ‫שעוזר‬ ‫גרפי‬ ‫וביטוי‬ ‫חזותי‬ ‫פיסוק‬ ‫ידי‬ .‫הטקסט‬ ‫וגוף‬ ‫כותרות‬ ,‫ותמונות‬ ‫טקסט‬ ‫עקביות‬‫עקביות‬ ‫איזון‬‫איזון‬ Walla.co.ilWalla.co.il