10 טיפים לעיצוב בתוכנות

 

  1. היררכיה ויזואלית (Visual Hierarchy): אל תתנו לכל האלמנטים את אותו המשקל. השתמשו בגדלים שונים כדי להבהיר לצופה מה הדבר הכי חשוב בדף. הכותרת צריכה להיות הכי בולטת, אחריה כותרות המשנה ורק בסוף הטקסט הרץ.
  2. חוק ה-60-30-10 בצבעים: כדי שהאתר לא ייראה עמוס מדי, בחרו פלטת צבעים מוגדרת. 60% צבע ראשי (בדרך כלל ניטרלי), 30% צבע משני, ו-10% צבע דגש (Accent) לכפתורים או אלמנטים שחייבים למשוך תשומת לב.
  3. שימוש נכון ב"מרחב לבן" (White Space): אל תפחדו משטחים ריקים. מרחב לבן עוזר לעין לנוח ומדגיש את התוכן הקיים. עיצוב "חונק" גורם למשתמש לצאת מהאתר מהר יותר.

  4. עקביות בפונטים: הגבילו את עצמכם ל-2 או 3 פונטים לכל היותר. מומלץ להשתמש בפונט אחד לכותרות (יכול להיות מעוצב יותר) ופונט שני קריא ופשוט לטקסט הארוך.

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

  6. ניגודיות (Contrast) לקריאות: ודאו שיש מספיק ניגודיות בין הטקסט לרקע. טקסט אפור בהיר על רקע לבן הוא טעות נפוצה שמקשה על הקריאה.

  7. יישור אלמנטים (Alignment): השתמשו ב"גריד" (Grid) בתוך התוכנה. שום אלמנט לא צריך להיות מונח "בערך". יישור לימין, שמאל או מרכז יוצר סדר ומראה מקצועי של תיק עבודות.

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

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

  10. ייצוא נכון (Export): בסיום העיצוב בתוכנה, ודאו שאתם מייצאים את הקבצים בפורמט המתאים. PNG לתמונות עם רקע שקוף, ו-JPG לתמונות רגילות כדי לשמור על משקל אתר נמוך וטעינה מהירה.