דגש בא עיצוב דפי אינטרנט יוצר אזור או אובייקט המהווים את מוקד הדף. זוהי דרך לגרום לאלמנט אחד להתבלט בעיצוב. המוקד עשוי להיות גדול יותר מאלמנטים אחרים של העיצוב או בצבעים עזים - שניהם נוטים למשוך את העין. כשאתה מעצב דף אינטרנט, אתה יכול להוסיף דגש על ידי בחירת מילה או ביטוי והקצאתו a צבע, גופן או גודל שמבליטים אותו, אך ישנן דרכים רבות אחרות להשתמש בהדגשה שלך לְעַצֵב.
שימוש בדגשים בעיצוב
אחת הטעויות הגדולות ביותר שמעצבי אתרים יכולים לעשות היא לנסות להבליט את כל מה שבעיצוב. כאשר לכל דבר יש דגש שווה, העיצוב נראה עמוס ומבלבל או גרוע מכך - משעמם ולא מושך. כדי ליצור מוקד בעיצוב אתרים, אל תתעלם מהשימוש ב:
- שורות: צור דגש לעומת זאת. אם כמה אלמנטים הם אופקיים, אלמנט אנכי אחד הופך למוקד.
- צֶבַע: אם רוב האלמנטים בעיצוב כהים או מושתקים, כל אובייקט עם צבע מושך את העין.
- צורות: כאשר מרבית הצורות אינן סדירות, בולטת צורה גיאומטרית.
- קִרבָה: כאשר מספר פריטים מקובצים, ואחד נפרד מהקבוצה, העין עוברת לפריט היחיד.
- מיקום: למרות שיש יוצאים מן הכלל, אלמנט שממוקם במרכז העיצוב בדרך כלל מושך את העין.
- מִשׁקָל: אלמנט כבד מושך את תשומת ליבו של הצופה.
- חזרה: כאשר חוזר על אלמנט גרפי פשוט להקליד, העין עוקבת אחר האלמנט החוזר ונשנה למוקד.
- בניגוד: בנוסף לניגודים שנוצרים על ידי צבע וקווים, ניתן ליצור ניגודיות על ידי שינוי גודל, מרקם או גופן. השינוי גורם לאלמנט המוקדי, או להדגשה, להתבלט.
- חלל לבן: אלמנט המוקף בחלל לבן (או ריק) הופך למוקד.
היררכיה בעיצובי אינטרנט
היררכיה היא הסדר החזותי של אלמנטים עיצוביים המעידים על חשיבות לפי גודל. האלמנט הגדול ביותר הוא החשוב ביותר; האלמנטים הפחות חשובים הם קטנים יותר. התמקד ביצירת היררכיה חזותית בעיצובי האינטרנט שלך. אם עבדת כדי ליצור זרימה סמנטית שלך HTML סימון, זה קל מכיוון שלדף האינטרנט שלך כבר יש היררכיה. כל מה שעיצוביכם צריך לעשות הוא להדגיש את האלמנט הנכון - כמו כותרת H1 - לקבלת הדגש הרב ביותר.
ביחד עם היררכיה בסימון, לזהות שעין המבקר צופה בדף אינטרנט בתבנית Z המתחילה בפינה השמאלית העליונה של המסך. זה הופך את הפינה השמאלית העליונה של הדף למקום טוב לפריט חשוב כמו לוגו חברה. הפינה הימנית העליונה היא המיקום השני הטוב ביותר למידע חשוב.
כיצד לכלול דגש בעיצובים ברשת
ניתן ליישם את הדגש בעיצוב אתרים בדרכים רבות:
- השתמש בסימון סמנטי כדי לספק דגש גם ללא סגנונות כלשהם.
- שנה את גודל הגופנים או התמונות כדי להדגיש אותם או להדגיש אותם בעיצוב.
- להשתמש צבעים מנוגדים לספק דגש.
- ספירת גודל. מילה ענקית בדף או במסך זוכה לתשומת לב מיידית.
- הקף את מוקד החלל הלבן.
- חזור על מילה או תמונה כדי למשוך תשומת לב.
איפה הכפיפה משתלבת?
הכפיפות מתרחשת כאשר אתה מפרט אלמנטים אחרים בעיצוב כדי לגרום למוקד לפוצץ. דוגמה אחת היא גרפיקה בצבעים עזים הממוקמת על רקע צילום רקע בשחור לבן. אותו אפקט מתרחש כאשר אתה משתמש בצבעים מושתקים או בצבעים המשתלבים עם הרקע שמאחורי המוקד וגורמים לו להתבלט.