Veb-saytlar Uchun Sarlavhalarni Qanday Qilish Kerak

Mundarija:

Veb-saytlar Uchun Sarlavhalarni Qanday Qilish Kerak
Veb-saytlar Uchun Sarlavhalarni Qanday Qilish Kerak

Video: Veb-saytlar Uchun Sarlavhalarni Qanday Qilish Kerak

Video: Veb-saytlar Uchun Sarlavhalarni Qanday Qilish Kerak
Video: ✅ Veb saytingizni bepul hostingga qo'yamiz 2024, Noyabr
Anonim

"Kiyim bilan kutib olish" tamoyili nafaqat odamlarga, balki saytlarga ham tegishli. Saytning kiyimi uning dizaynidir. Va bu tashrif buyuruvchining resursni ko'rgan dastlabki bir necha soniyadagi taassurotini aniqlaydigan dizayn. Bu taassurot ayniqsa muhimdir, chunki bu uning kelajakdagi xatti-harakatini belgilaydi. Saytga kirgan har bir foydalanuvchi ko'radigan birinchi dizayn elementi uning "sarlavhasi" dir. Shapka veb-resursning yuzi hisoblanadi. Shuning uchun har bir yangi boshlagan veb-dizayner birinchi navbatda saytlar uchun sarlavhalar qilishni o'rganishni xohlaydi.

Veb-saytlar uchun sarlavhalarni qanday qilish kerak
Veb-saytlar uchun sarlavhalarni qanday qilish kerak

Kerakli

  • - Internetga kirish;
  • - zamonaviy brauzer;
  • - rastrli grafik muharriri (GIMP, Photoshop);
  • - ixtiyoriy: vektorli grafik muharriri (CorelDraw);
  • - ixtiyoriy: 3D modellash muhiti (Blender, 3DStudio);
  • - ixtiyoriy: qog'oz varag'i, qalam yoki qalam.

Ko'rsatmalar

1-qadam

Kelajakdagi sayt sarlavhasi uchun kontseptsiyani ishlab chiqing. Ideal holda, kontseptsiya asl g'oyaga asoslangan bo'lishi kerak. Agar g'oyalar etishmayotgan bo'lsa, mavjud bo'lgan yaxshi echimlarni tahlil qilish orqali ilhom olish mumkin. Ijodiy izlanishlar natijasini qog'ozga eskiz shaklida aks ettiring. Eskizda "rezina" joylar va tasvirlar bilan to'ldirilgan joylar ko'rsatilgan holda saytning kelajakdagi sarlavhasi tuzilishi aks ettirilishi kerak. Ushbu bosqichda sarlavha dizayni uchun taxminiy rang sxemasini o'ylab ko'rish yaxshidir.

2-qadam

Sarlavha hajmini tanlang. Aslida, uning parametrlaridan faqat bittasini - balandlikni aniq belgilash maqsadga muvofiqdir. Odatda, sayt sarlavhalarining balandligi aniqlanadi va bu shriftlarni ko'rsatish parametrlariga ta'sir ko'rsatadigan mantiqiy o'lchamlarga bog'liq emas. Boshqacha qilib aytganda, sarlavha balandligi uchun pikseldagi qiymatni tanlashingiz kerak. Bunday holda, sarlavhada bannerlar yoki kontekstli reklama bloklarini joylashtirish imkoniyatini hisobga olish mantiqan to'g'ri keladi. Kenglik bo'yicha siz minimal qiymatni belgilashingiz kerak, sarlavha veb-sahifaning turli o'lchamlariga moslashishga imkon beradigan kamida bitta "kauchuk" maydonni ajratib ko'rsatishingiz kerak.

3-qadam

Grafik muharririda sarlavha shablonini yarating. Yangi hujjatda siz tanlangan geometrik parametrlarga muvofiq eskizni sudrab boradigan shaffof qatlamni qo'shing. Qatlam balandligi sarlavha balandligiga mos kelishi kerak. Kenglik o'zboshimchalik bilan qabul qilinishi mumkin, lekin gorizontal "kauchuk" joylar uchun joy qoldirib, minimal o'lchamdan kattaroq. "Shablonda sobit va o'zgaruvchan kattalikdagi zonalarni, statik tasvirlar, fon rasmlari bilan to'ldirish uchun mo'ljallangan zonalarni belgilang.

4-qadam

Sarlavha shabloniga joylashtirish uchun statik rasmlarni qidiring yoki yarating. Logotip va ba'zi noyob elementlar vektor muharriri yoki 3D modellashtirish muhitida yaratilishi mumkin. Internetdagi bepul fotobanklarda tematik rasmlarni topish juda oson.

5-qadam

Grafik muharririda saytning sarlavhasi shabloniga fon, logotip va statik rasmlarni joylashtiring. Fonni va har bir rasmni alohida shaffof qatlamga qo'shing. Qatlamlarni eng yaxshi tarzda joylashtiring. Tasvirlarni qatlamlarda siljitish orqali avval yaratilgan shablonga mos keladigan ularning mukammal joylashishiga erishing.

6-qadam

Olingan sarlavha rasmini saqlang. Ishchi loyihani grafik muharrirning asl formatida saqlang. Keyin tekislangan sarlavha tasvirini yo'qolgan formatda saqlang (masalan, PNG).

7-qadam

Agar kerak bo'lsa, HTML sarlavhasi shablonini yarating. Yassilangan rasmni muharrirda oching. Undan aniq o'lchamdagi maydonlarga mos keladigan rasmlarni kesib tashlang. "Kauchuk" joylarga mos keladigan joylardan 1 piksel kenglikdagi rasmlarni kesib oling. Barcha rasmlarni diskka saqlang. Saqlangan rasmlardan foydalanib HTML sarlavhasini joylashtiring.

Tavsiya: