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

 

קווים מנחים

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

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

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

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

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

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


 


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


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