Veb-dizayn asoslarini bilib oling

Buyuk veb-saytlar yaratish uchun zarur bo'lgan asosiy elementlar

Veb-dizaynni o'rganishga kirishganingizda, birinchi narsa esda tutish kerakki, veb-saytlarni loyihalashtirish bosma dizaynga juda o'xshaydi. Asosiy narsalar bir xil. Mavzuni va tartibni, shriftlarni va ranglarni qanday ishlatish kerakligini tushunishingiz va xabaringizni samarali tarzda etkazib berishingiz kerak.

Veb-dizaynni o'rganishga kirishadigan asosiy elementlarni ko'rib chiqaylik. Bu yangi boshlanuvchilar uchun yaxshi resurs, biroq hatto tajribali dizaynerlar ham ushbu tavsiyalar bilan ba'zi bir ko'nikmalarga ega bo'lishlari mumkin.

01dan 07 gacha

Yaxshi dizayin elementlari

Filo / Getty Images

Yaxshi veb-dizayn umuman yaxshi dizayni bilan bir xil. Agar biror narsa yaxshi dizayni nima ekanligini tushunsangiz, bu qoidalarni veb-saytlaringizga qo'llay olasiz.

Veb-dizayndagi eng muhim elementlar yaxshi navigatsiya, qisqacha va samarali sahifalar, ishoratlar va, eng muhimi, yaxshi grammatika va matn terishdir. Ranglar va grafikalar qo'shganda va veb-saytingiz ajoyib ish boshlashi uchun bu narsalarni yodda tuting. Ko'proq "

02 ning 07

Veb-sahifani qanday joylashtirish kerak

Ko'pchilik veb-sahifa dizayni dizayni deb hisoblaydi va ko'p jihatdan bu. Tartib, elementlar sahifada joylashtirilganligi, rasm, matn, navigatsiya va boshqalar uchun asos bo'lib xizmat qiladi.

Ko'plab dizaynerlar o'zlarining CSS-lari bilan tartibini tanlaydi. Bundan tashqari, shriftlar, ranglar va boshqa maxsus uslublar kabi elementlar uchun ham foydalanish mumkin. Bu butun veb-saytingizda xususiyatlarni boshqarish uchun izchil va qulay boshqarish imkonini beradi.

CSS-dan foydalanishning eng yaxshi qismi, agar biror narsani o'zgartirish kerak bo'lsa, siz faqatgina CSS-ga murojaat qiling va u har bir sahifada o'zgaradi. Albatta, silliq va CSS-dan foydalanishni o'rganish vaqtni va juda ko'p qiyinchiliklarni tejashga yordam beradi.

Bugungi onlayn dunyoda ham sezgir veb-dizaynni (RWD) ham ko'rib chiqish juda muhimdir. RWD ning asosiy yo'nalishi ushbu sahifani ko'rib chiqqan qurilmaning kengligiga qarab tartibni o'zgartirishdan iborat. Sizning tashrif buyuruvchilaringiz ish stoli, telefon va barcha o'lchamdagi planshetlarda ko'rishlarini unutmang, shuning uchun bu har qachongidan ham muhimroq. Ko'proq "

03 ning 07

Shriftlar va tipografi

Shriftlar sizning matningiz veb-sahifasida ko'rinadigan usuldir. Bu muhim element hisoblanadi, chunki ko'pchilik veb-sahifalarida katta miqdorda matn mavjud.

Dizaynni o'ylab ko'rganingizda, matnning mikro darajadagi (shrift glifi, shrift oilasi va boshq.), Shuningdek, so'l darajasida (matnni joylashtirish bloklari va o'lchamlarni moslashtirish) matnning shakli). Albatta shriftni tanlash kabi oddiy emas, va bir necha maslahat sizga yordam berishga yordam beradi. Ko'proq "

04 dan 07 gacha

Sizning veb-saytingizning ranglar sxemasi

Rang hamma joyda. Bu bizning dunyomizni va biz qanday narsalarni ko'rganimizni o'rgatadi. Rang faqatgina "qizil" yoki "ko'k" ning ma'nosini anglatadi va rang muhim tarkibiy element hisoblanadi.

Agar bu haqda o'ylayotgan bo'lsangiz, har bir veb-sayt rang sxemasiga ega. Saytning tovar identifikatoriga qo'shiladi va har bir sahifaga va boshqa marketing materiallariga kiradi. Rang sxemasini aniqlash har qanday dizayndagi muhim qadam bo'lib, diqqat bilan ko'rib chiqilishi kerak. Ko'proq "

05 dan 07 gacha

Grafik va rasm qo'shish

Grafika veb-sahifalarni yaratishning qiziqarli qismidir. So'zlashicha, "rasm 1000 ta qiymatga teng" va veb-dizaynda ham shundaydir. Internet juda ingliroq muhit bo'lib, ko'zni quvontiradigan fotosuratlar va grafikalar sizning foydalanuvchiingizni jalb qilishingizga yordam beradi.

Matndan farqli o'laroq, qidiruv tizimida siz bu ma'lumotni bermaguningizcha tasvirning qandayligini tushuntirish qiyin kechadi. Shu sababli, dizaynerlar bu muhim tafsilotlarni kiritish uchun ALT yorlig'i kabi IMG tagidan foydalanishi mumkin. Ko'proq "

07 of 07

Navigatsiyani chegirmang

Navigatsiya sizning tashrif buyuruvchilaringizning bir sahifadan ikkinchisiga qanday qaytib kelishidir. Bu harakatni ta'minlaydi va saytingizning boshqa elementlarini topish imkoniyatini beradi.

Veb-saytingizning tuzilishi (axborot arxitekturasi) mantiqiy ekanligiga ishonch hosil qilishingiz kerak. Shuningdek, uni topish va o'qish juda oson bo'lishi kerak, shuning uchun tashrif buyuruvchilar qidirish funksiyasiga tayanishga hojat yo'q.

Sizning navigatsiya va yo'nalishdagi havolalaringiz saytingizga tashrif buyuruvchilarga yordam beradi. Ularni qanchalik uzoq tutsangiz, ular sotadigan narsalarni sotib olishingiz mumkin. Ko'proq "

07 of 07

Veb-dizayn dasturlari

Ko'pchilik veb-dizaynerlar WYSIWYG yoki "Siz ko'rib turgan narsalar" deb ishlashni ma'qulladilar. Ular dizayndagi ingl. Interfeysni ta'minlaydi va siz HTML kodlashdan kamroq foydalanishga ruxsat berasiz.

To'g'ri veb-dizayn dasturlarini tanlash qiyin bo'lishi mumkin. Ko'pchilik dizaynerlar Adobe Dreamweaver-ni afzal ko'radi, chunki ulardan foydalanish oson va sizga kerakli deyarli barcha xususiyatlarni o'z ichiga oladi. Biroq, bu bepul xarajatlar kelib chiqadi, ammo bepul sinov mavjud.

Yangi boshlanuvchilar bepul yoki onlayn veb tahrirlovchiga murojaat qilishlari mumkin. Ular sizga veb-dizayni chalg'itishga va ba'zi bir ajoyib sahifalarni bepul sotib olishga imkon beradi. Ko'proq "