Ko'pgina ishlab chiquvchilar yaxshi dizayner bo'lish tug'ma qobiliyat, ijodiy bo'lish siz darhol tug'ilgan narsa deb hisoblashadi. Darhaqiqat, dizayn har qanday boshqa kabi o'zlashtirilishi mumkin bo'lgan mahoratdir. Chiroyli veb-sayt yaratish uchun rassom bo'lish shart emas, shunchaki mashq qilish kerak, mashq qilish yaxshi. Ushbu maqola sizga shaxsiy veb-saytni noldan yaratish va uni kodga aylantirish orqali dizaynni qanday mashq qilishni ko'rsatib beradi.
Veb-sayt dizaynini yaratish uni ishlab chiqishda eng ko'p vaqt talab qiladigan jarayonlardan biridir. Kim nima deyishidan qat'i nazar, dizayn etakchi rol o'ynaydi. Saytga kirganimizda birinchi bo'lib rasm, ya'ni dizayn ko'rinadi. Vizual idrok ishga tushiriladi va bizning foydalanuvchi munosabatimiz ham uning nima bo'lishiga bog'liq. Va bu hamma joyda sodir bo'ladi.
1-rasm. Saytning tashqi ko’rinishi uchun shablon.
2-rasm. Sayt sarlavhasi
Header (yoki sayt sarlavhasi) - sahifaning eng yuqori qismida, kontent qismi ustida joylashgan. Unda deyarli har doim kompaniya nomi, sarlavhasi, logotipi va foydalanuvchilarning saytga kirishini osonlashtiradigan yuqori menyu mavjud.
3-rasm. Footer - saytning eng past qismi.
Odatda barcha muhim sahifalarga havolalar, shuningdek manzil, mobil telefon raqami va boshqa aloqa ma'lumotlari mavjud menyu mavjud. Shuningdek, pastki qismda ijtimoiy tarmoqlarga havolalar mavjud.
4-rasm. Aside – qismi
Aside - tangensial bog'liq kontent uchun ishlatiladi. Ba'zi kontent asosiy tarkibning chap yoki o'ng tomonida paydo bo'lganligi sababli, chetga surilgan elementdan foydalanish uchun etarli sabab emas.
5-rasm. Main content
Markazda maʼlum bir veb-sahifaning koʻp noyob mazmunini oʻz ichiga olgan katta maydon, masalan, siz tomosha qilmoqchi boʻlgan video yoki siz oʻqiyotgan asosiy hikoya, koʻrmoqchi boʻlgan xarita yoki yangiliklar sarlavhalari, va hokazo. Bu veb-saytning bir qismi bo'lib, u albatta sahifadan sahifaga o'zgaradi!
6-rasm. Ranglar palitrasi
To'g'ri ranglar nafaqat saytingiz uchun ohangni o'rnatadi, balki brendingizning onlayn mavjudligini mustahkamlashga yordam beradi. Ranglar palitrasini tanlashda dominantni (ko'pincha ishlatiladigan), ikkinchi darajali (dominantni to'ldiradigan), shuningdek urg'u soyalarini (muhim tafsilotlarni ta'kidlaydigan) aniqlang.
|
