|fav המועדפים שלי |pad מחברת אישית|talckback תגובות הקוראים|poll השתתף בסקר |
  
|about אודות|eitan home page   תפריט איתן
המדריך לבניית אתרים - היררכיה חזותית
התהליך
    ממשק המשתמש   
עיצוב האתר
עיצוב דף
טיפוגרפיה
עריכה
גרפיקה
מולטימדיה
קישורים
 
  לפני שמתחילים
  לפני שמתחילים
    תהליך הפיתוח
    תהליך הפיתוח
 
תכנון
תכנון
מפרט האתר
מפרט האתר
 
הגדרות ותכנון
הגדרות ותכנון
ארכיטקטורת מידע
ארכיטקטורת מידע
עיצוב האתר
עיצוב האתר
בניית האתר
בניית האתר
שיווק האתר
שיווק האתר
תחזוקת האתר
תחזוקת האתר
 
  דף האינטרנט
  דף האינטרנט
  'דפים 'עצמאיים
  'דפים 'עצמאיים
  כללים בסיסיים
  כללים בסיסיים
  ניווט
  ניווט
 
עיצוב ידידותי
עיצוב ידידותי
נגישות
נגישות
 
     אירגון המידע        
     אירגון המידע        
       מבנה האתר        
       מבנה האתר        
  מוטיבים בעיצוב האתר
  מוטיבים בעיצוב האתר
      יסודות האתר       
      יסודות האתר       
אינטרנט לעומת מסמך
אינטרנט לעומת מסמך
 
חלוקת המידע
חלוקת המידע
 
מבנה בסיסי
מבנה בסיסי
תרשימי האתר
תרשימי האתר
 
הכשרה
הכשרה
לימוד
לימוד
השכלה
השכלה
אתרי בידור
אתרי בידור
אתרי חדשות
אתרי חדשות
מסחר אלקטרוני
מסחר אלקטרוני
 
דף הבית
דף הבית
תפריטים
תפריטים
רשימת מקורות
רשימת מקורות
מדריכי אתר
מדריכי אתר
'?מה חדש'
'?מה חדש'
מאפייני חיפוש
מאפייני חיפוש
משוב משתמשים  
משוב משתמשים  
ביבליוגרפיה ונספחים
ביבליוגרפיה ונספחים
שאלות נפוצות
שאלות נפוצות
הודעות שרת
הודעות שרת
 
היררכיה ויזואלית
היררכיה ויזואלית
עקביות
עקביות
מימדי דף
מימדי דף
אורך דף
אורך דף
קוים מנחים
קוים מנחים
כותרות
כותרות
עימוד דף
עימוד דף
מסגרות
מסגרות
 
מאפיינים
מאפיינים
  מבנה התוכן    
  מבנה התוכן    
     קריאות      
     קריאות      
עקביות
עקביות
פלטפורמות
פלטפורמות
נגישות
נגישות
גרפיקת טקסט
גרפיקת טקסט
 
  גליונות סגנון  
  גליונות סגנון  
 
אורך שורה
אורך שורה
פונטים
פונטים
גודל הפונט
גודל הפונט
הדגשה
הדגשה
 
אירגון התוכן
אירגון התוכן
סגנון מקונן
סגנון מקונן
כותרות
כותרות
קישורים
קישורים
 
  גרפיקה ברשת   
  גרפיקה ברשת   
   קבצי גרפיקה   
   קבצי גרפיקה   
תמונות על המסך  
תמונות על המסך  
  HTML -גרפיקה ו
  HTML -גרפיקה ו
 
הצגת צבעים
הצגת צבעים
'צבעים 'בטוחים
'צבעים 'בטוחים
מיזוג צבעים
מיזוג צבעים
רזולוצית מסך
רזולוצית מסך
(Gamma) ניגודיות
(Gamma) ניגודיות
גרפיקה ורוחב פס
גרפיקה ורוחב פס
 
GIF - קבצי
GIF - קבצי
JPEG - קבצי
JPEG - קבצי
PNG - קבצי
PNG - קבצי
סיכום - סוגי קבצים
סיכום - סוגי קבצים
 
מסך מול הדפס
מסך מול הדפס
המחשות מורכבות
המחשות מורכבות
תרשימי מסך
תרשימי מסך
 
יישומי מולטימדיה
יישומי מולטימדיה
  אסטרטגיות ברשת  
  אסטרטגיות ברשת  
  יצירת מולטימדיה  
  יצירת מולטימדיה  
עיצוב ומולטימדיה
עיצוב ומולטימדיה
 
שמע
שמע
  שיקופיות  
  שיקופיות  
ווידאו
ווידאו
אנימציה
אנימציה
 
  עיבוד  
  עיבוד  
  העברה  
  העברה  
 
דף הבית >> עיצוב דף >> היררכיה חזותית

 

היררכיה חזותית

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

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


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


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


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

 


  |   דף הבית  |  הדפס עמוד  |  מפת האתר  |  לתחילת העמוד  |  


המדריך לבניית אתרים
מערכת המידע האקדמית - איתן כל הזכויות שמורות © 2003