כיצד לבנות אתר אינטרנט ב Illustrator

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

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

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

פתח את קובץ XXXX מתוך דפדפן כדי לראות את העבודה שלך. ערוך את הקבצים באמצעות תוכנית עיצוב אתרים.