Muvozanat: dizaynning asosiy tamoyillari

Mundarija:

Muvozanat: dizaynning asosiy tamoyillari
Muvozanat: dizaynning asosiy tamoyillari
Anonim

Dizayndagi muvozanat - bu dizayn elementlarini taqsimlash. Balans - dizayndagi tortishishning vizual talqini. Katta, zich elementlar og'irroq, kichikroq elementlar esa engilroq ko'rinadi. Dizaynlarni uchta usulda muvozanatlashingiz mumkin:

  • simmetrik muvozanat
  • assimetrik muvozanat
  • diskordant yoki balansdan tashqari
Image
Image

Quyi chiziq

Veb-dizayndagi balans maketda topilgan. Sahifadagi elementlarning joylashuvi sahifa qanchalik muvozanatli ko'rinishini aniqlaydi. Veb-dizaynda vizual muvozanatga erishish uchun katta qiyinchiliklardan biri bu katlamadir. Dastlabki koʻrinishda mukammal muvozanatlangan tartibni loyihalashingiz mumkin, lekin oʻquvchi sahifani aylantirganda, u muvozanatdan chiqib ketishi mumkin.

Veb-dizaynlarga balansni qanday kiritish kerak

Muvozanatni veb-dizaynlarga kiritishning eng keng tarqalgan usuli - bu maket. Lekin siz elementlarni joylashtirish va ularni sahifa bo'ylab muvozanatlash uchun float uslubi xususiyatidan ham foydalanishingiz mumkin. Tartibni nosimmetrik tarzda muvozanatlashning juda keng tarqalgan usuli bu sahifadagi matn yoki boshqa elementlarni markazlashtirishdir.

Ko'pchilik veb-sahifalar grid tizimiga qurilgan va bu sahifa uchun darhol balans shaklini yaratadi. Mijozlar, hatto ko'rinadigan chiziqlar bo'lmasa ham, tarmoqni ko'rishlari mumkin. Veb-sahifalar to‘rtburchak shaklda bo‘lgani uchun tarmoq dizaynlari uchun juda mos keladi.

Quyi chiziq

Simmetrik muvozanatga elementlarni dizayndagi juda bir tekis joylashtirish orqali erishiladi. Agar o'ng tomonda katta, og'ir element bo'lsa, chap tomonda mos keladigan og'ir element bo'ladi. Markazlash - nosimmetrik muvozanatlangan sahifani olishning eng oson yo'li. Ammo ehtiyot bo'ling, chunki tekis yoki zerikarli ko'rinmaydigan markazlashtirilgan dizaynni yaratish qiyin bo'lishi mumkin. Agar siz nosimmetrik muvozanatli dizaynga ega boʻlishni istasangiz, muvozanatni turli elementlar bilan yaratgan maʼqul, masalan, chapdagi rasm va uning oʻng tomonidagi ogʻirroq matnning katta bloki.

Asimetrik balans

Asimmetrik muvozanatlangan sahifalarni loyihalash qiyinroq boʻlishi mumkin, chunki ular dizaynning markaziy chizigʻi boʻylab mos keladigan elementlarga ega emas. Misol uchun, siz dizaynning markaziy chizig'iga juda yaqin joylashgan katta elementga ega bo'lishingiz mumkin. Uni assimetrik tarzda muvozanatlash uchun siz markaziy chiziqdan uzoqroqda joylashgan kichik elementga ega bo'lishingiz mumkin. Agar siz o'zingizning dizayningizni chayqalish yoki arra ustidagi deb hisoblasangiz, engilroq element og'irlik markazidan uzoqroqda bo'lgan holda og'irroq elementni muvozanatlashi mumkin. Asimmetrik dizaynni muvozanatlash uchun rang yoki teksturadan ham foydalanishingiz mumkin.

Muvofiq yoki balanssiz

Ba'zan dizaynning maqsadi balansdan tashqari yoki mos kelmaydigan dizaynni yaxshi ishlaydi. Balanssiz dizaynlar harakat va harakatni taklif qiladi. Ular odamlarni bezovta qiladi yoki bezovta qiladi. Agar dizayningiz mazmuni ham noqulay yoki odamlarni o‘ylantirmoqchi bo‘lsa, mos kelmaydigan muvozanatli dizayn yaxshi ishlashi mumkin.

Tavsiya: