اصل "مورد استقبال قرار گرفتن از لباس" نه تنها در مورد مردم ، بلکه در سایت ها نیز صادق است. لباس سایت طراحی آن است. و این طراحی است که برداشتی را که بازدید کننده در چند ثانیه اول مشاهده منبع دارد ، تعیین می کند. این برداشت از اهمیت ویژه ای برخوردار است زیرا رفتار آینده او را تعیین می کند. اولین عنصر طراحی که هر کاربری که به سایت مراجعه می کند "عنوان" آن است. cap چهره منبع وب است. بنابراین ، هر طراح وب تازه کار می خواهد قبل از هر چیز نحوه ایجاد هدر برای سایت ها را بیاموزد.
ضروری است
- - دسترسی به اینترنت؛
- - مرورگر مدرن
- - ویرایشگر گرافیکی شطرنجی (GIMP ، فتوشاپ) ؛
- - اختیاری: ویرایشگر گرافیک برداری (CorelDraw) ؛
- - اختیاری: محیط مدل سازی 3D (بلندر ، 3DStudio) ؛
- - اختیاری: ورق کاغذ ، مداد یا قلم.
دستورالعمل ها
مرحله 1
مفهومی را برای عنوان سایت آینده ایجاد کنید. در حالت ایده آل ، این مفهوم باید بر اساس ایده اصلی باشد. وقتی ایده ها کم است ، می توان با تجزیه و تحلیل راه حل های خوب موجود ، الهام گرفت. نتیجه تحقیقات خلاق را به صورت طرح روی یک تکه کاغذ منعکس کنید. این طرح باید ساختار سرآیند آینده سایت را با نشان دادن مکان ها و مناطق "لاستیکی" پر از تصاویر منعکس کند. در این مرحله ، بهتر است به یک طرح تقریبی رنگ برای طراحی هدر فکر کنید.
گام 2
اندازه هدر را انتخاب کنید. در واقع ، ارزش آن است که فقط یکی از پارامترهای آن به وضوح تعریف شود - ارتفاع. به طور معمول ، ارتفاع هدرهای سایت ثابت است و این به وضوح منطقی که بر پارامترهای نمایش قلم ها تأثیر می گذارد ، بستگی ندارد. به عبارت دیگر ، شما باید مقداری را برای ارتفاع هدر در پیکسل انتخاب کنید. در این حالت ، در نظر گرفتن امکان قرار دادن بنرها یا بلوک های تبلیغاتی متنی در هدر منطقی است. با توجه به عرض ، باید حداقل مقدار را مشخص کنید ، حداقل یک منطقه "لاستیکی" را برجسته کنید که به سربرگ اجازه می دهد تا با اندازه های مختلف صفحه وب سازگار شود.
مرحله 3
یک الگوی هدر در ویرایشگر گرافیک ایجاد کنید. در یک سند جدید ، یک لایه شفاف اضافه کنید که با توجه به پارامترهای هندسی انتخاب شده ، طرح را به آن بکشید. ارتفاع لایه باید با ارتفاع هدر مطابقت داشته باشد. عرض را می توان دلخواه ، اما بزرگتر از حداقل اندازه ، فضا برای مناطق افقی "لاستیکی" در نظر گرفت. "در الگو ، مناطقی از اندازه های ثابت و متغیر را تعیین کنید ، مناطقی که باید با تصاویر ثابت ، تصاویر پس زمینه پر شوند.
مرحله 4
تصاویر مستقیمی را برای قرار دادن در الگوی هدر خود جستجو یا ایجاد کنید. آرم و برخی از عناصر منحصر به فرد را می توان در یک ویرایشگر برداری یا محیط مدل سازی 3D ایجاد کرد. یافتن تصاویر موضوعی در بانکهای عکس رایگان در اینترنت کاملاً آسان است.
مرحله 5
پس زمینه ، آرم و تصاویر ثابت را در قالب سرصفحه سایت در یک ویرایشگر گرافیک قرار دهید. پس زمینه و هر تصویر را به یک لایه شفاف جداگانه اضافه کنید. لایه ها را به بهترین شکل مرتب کنید. با جابجایی تصاویر به صورت لایه ای ، به طرح عالی آنها ، مطابق با الگوی ایجاد شده قبلی برسید.
مرحله 6
تصویر هدر حاصل را ذخیره کنید. پروژه را در قالب محلی ویرایشگر گرافیک ذخیره کنید. سپس تصویر هدر پهن شده را با فرمت بدون ضرر (به عنوان مثال PNG) ذخیره کنید.
مرحله 7
در صورت نیاز یک الگوی هدر HTML ایجاد کنید. تصویر مسطح را در ویرایشگر باز کنید. تصاویری را که مربوط به مناطق با اندازه ثابت هستند از آن جدا کنید. از مکانهای مربوط به مناطق "لاستیک" ، تصاویر را به عرض 1 پیکسل برش دهید. تمام تصاویر را در دیسک ذخیره کنید. با استفاده از تصاویر ذخیره شده ، سرآیند HTML را ترتیب دهید.
