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