העיקרון של "קבלת פנים על ידי בגדים" נכון לא רק לאנשים, אלא גם לאתרים. הלבוש של האתר הוא העיצוב שלו. העיצוב הוא שקובע את הרושם שיש למבקר בשניות הראשונות של צפייה במשאב. רושם זה חשוב במיוחד מכיוון שהוא קובע את התנהגותו העתידית. אלמנט העיצוב הראשון שכל משתמש שמבקר באתר רואה הוא ה"כותרת "שלו. המכסה הוא הפנים של משאב האינטרנט. לכן, כל מעצב אתרים מתחיל רוצה קודם כל ללמוד כיצד ליצור כותרות לאתרים.
נחוץ
- - גישה לאינטרנט;
- - דפדפן מודרני;
- - עורך גרפיקה של סריקה (GIMP, Photoshop);
- - אופציונלי: עורך גרפיקה וקטורית (CorelDraw);
- - אופציונלי: סביבת דוגמנות תלת-ממדית (בלנדר, 3DStudio);
- - אופציונלי: דף נייר, עיפרון או עט.
הוראות
שלב 1
פיתח קונספט לכותרת האתר העתידית. באופן אידיאלי, הרעיון צריך להיות מבוסס על הרעיון המקורי. כאשר רעיונות חסרים, ניתן לקבל השראה על ידי ניתוח פתרונות טובים קיימים. שיקף את תוצאת המחקר היצירתי בצורת רישום על דף נייר. השרטוט צריך לשקף את מבנה הכותרת העתידית של האתר עם ציון מקומות "גומי" ואזורים מלאים בתמונות. בשלב זה, כדאי לחשוב על ערכת צבעים משוערת לעיצוב הכותרת.
שלב 2
בחר את גודל הכותרת. למעשה, כדאי להגדיר בבירור רק אחד מהפרמטרים שלה - הגובה. ככלל, גובה כותרות האתר קבוע, וזה לא תלוי ברזולוציה ההגיונית שמשפיעה על פרמטרי התצוגה של הגופנים. במילים אחרות, עליך לבחור ערך לגובה הכותרת בפיקסלים. במקרה זה, הגיוני לקחת בחשבון את האפשרות להציב כותרות או באנרים של פרסום קונטקסטואלי. לגבי הרוחב, עליך לקבוע את הערך המינימלי, ולהדגיש לפחות אזור "גומי" אחד המאפשר לכותרת להסתגל לגדלים שונים של דף האינטרנט.
שלב 3
צור תבנית כותרת בעורך גרפי. במסמך חדש הוסף שכבה שקופה אליה תגרור את השרטוט על פי הפרמטרים הגיאומטריים שנבחרו. גובה השכבה צריך להתאים לגובה הכותרת. ניתן לראות את הרוחב כשרירותי, אך גדול מהגודל המינימלי, ומשאיר מקום לאזורי "גומי" אופקיים. "בתבנית, קבע אזורים בגדלים קבועים ומשתנים, אזורים המיועדים למלא תמונות סטטיות, תמונות רקע.
שלב 4
חפש או צור תמונות סטטיות למיקום בתבנית הכותרת שלך. את הלוגו וכמה אלמנטים ייחודיים ניתן ליצור בעורך וקטורי או בסביבת דוגמנות תלת ממדית. די קל למצוא תמונות נושאיות בבנקים פוטו בחינם באינטרנט.
שלב 5
הכנס את הרקע, הלוגו והתמונות הסטטיות לתבנית כותרת האתר בעורך גרפי. הוסף את הרקע וכל תמונה לשכבה שקופה נפרדת. סדרו את השכבות בצורה הטובה ביותר. על ידי העברת תמונות בשכבות, השג את הפריסה המושלמת שלהן, המתאימה לתבנית שנוצרה בעבר.
שלב 6
שמור את תמונת הכותרת שהתקבלה. שמור את פרויקט העבודה בפורמט המקורי של עורך הגרפיקה. לאחר מכן שמור את תמונת הכותרת השטוחה בפורמט ללא הפסד (למשל, PNG).
שלב 7
צור תבנית כותרת HTML במידת הצורך. פתח את התמונה השטוחה בעורך. גזור ממנו תמונות שמתאימות לאזורים בגודל קבוע. מהמקומות המתאימים לאזורי ה"גומי "גזור את התמונות ברוחב 1 פיקסל. שמור את כל התמונות בדיסק. פרוס את כותרת ה- HTML באמצעות התמונות השמורות.
