Dizayn tamoyillari: kompozitsion, nosimmetrik va assimetrik muvozanat

Farrux Bozorboyev Google translate

TEZKOR XULOSA ↬ Muvozanatli kompozitsiya to'g'ri tuyuladi. Bu barqaror va estetik jihatdan yoqimli his qiladi. Kompozitsiyani muvozanatlash ijobiy elementlarni ham, salbiy bo'shliqni ham dizaynning biron bir sohasi boshqa sohalardan ustun turmaydigan tarzda joylashtirishni o'z ichiga oladi. Hamma narsa birgalikda ishlaydi va uzluksiz bir butunlikda bir-biriga mos keladi. Alohida qismlar o'z yig'indisiga hissa qo'shadi, lekin yig'indiga aylanishga harakat qilmaydi.

Balanslangan kompozitsiya o'zini to'g'ri his qiladi. Bu barqaror va estetik jihatdan yoqimli his qiladi. Uning ba'zi elementlari diqqat markazida bo'lishi va ko'zingizni o'ziga jalb qilishi mumkin bo'lsa-da, kompozitsiyaning hech bir sohasi ko'zingizni shunchalik tortmaydiki, siz boshqa joylarni ko'ra olmaysiz.

Kompozitsiyani muvozanatlash ijobiy elementlarni ham, salbiy bo'shliqni ham dizaynning biron bir sohasi boshqa sohalardan ustun turmaydigan tarzda joylashtirishni o'z ichiga oladi . Hamma narsa birgalikda ishlaydi va uzluksiz bir butunlikda bir-biriga mos keladi. Alohida qismlar o'z yig'indisiga hissa qo'shadi, lekin yig'indiga aylanishga harakat qilmaydi.

Balanssiz kompozitsiya kuchlanishga olib kelishi mumkin. Dizayn muvozanatsiz bo'lsa, alohida elementlar butunlikda hukmronlik qiladi va kompozitsiya uning qismlari yig'indisidan kamroq bo'ladi. Ba'zi loyihalarda, siz muloqot qilmoqchi bo'lgan xabar uchun muvozanatsiz bo'lishi mumkin, lekin odatda siz muvozanatli kompozitsiyalarni xohlaysiz.

Eslatma : Bu dizayn tamoyillari seriyasining ettinchi va oxirgi postidir. Birinchi oltita xabarni bu yerda topishingiz mumkin:

Baxt - bu shiddat emas, balki muvozanat, tartib, ritm va uyg'unlik masalasidir. - Tomas Merton

Jismoniy Va Vizual Muvozanat #

Jismoniy dunyoda muvozanatni tushunish oson, chunki biz uni doimo boshdan kechiramiz. Agar biror narsa muvozanatsiz bo'lsa, u yiqilib tushadi. Ehtimol, siz hayotingizning qaysidir davrida tahterevalli yoki chayqalishda bo'lgansiz - bir tomonda siz va boshqa tomondan do'stsiz.

Agar ikkalangiz ham bir xil o'lchamda bo'lsangiz, tahterevalda osongina muvozanatni saqlashingiz mumkin edi. Quyidagi rasm muvozanatda bo'lib ko'rinadi, ikkita bir xil o'lchamdagi odam tahterevalli tayanch nuqtasidan bir xil masofada joylashgan.

Chapdagi odam tahterevalli arrani soat sohasi farqli ravishda aylantiradi va o'ngdagi odam uni soat yo'nalishi bo'yicha teng miqdorda aylantiradi. Har bir insonning kuchi har xil yo'nalishda harakat qiladi va ularning yig'indisi nolga teng.

Agar odamlardan biri kattaroq bo'lsa, muvozanat buziladi.

Bu tasvir to'g'ri emas, chunki biz bilamizki, chap tomondagi odam o'ngdagi odamni muvozanatlash uchun etarlicha katta emas. Soat yo'nalishi bo'yicha kuch ancha katta bo'lishi kerak va tahterevalli o'ng tomonda erga tegishi kerak.

Biroq, agar kattaroq odam markazga qarab sirpanib kirsa, tahterevalli yana muvozanatlanadi.

Bu erda kattaroq odamning kuchi tahterevalli muvozanat turgan tayanch nuqtasiga yaqinroq bo'lishi bilan kamayadi. Ishonchim komilki, siz ilgari tahterevalda bo'lgansiz yoki hech bo'lmaganda boshqalarning o'yinlarini ko'rgansiz va nima bo'layotganini juda yaxshi his qilasiz.

Vizual muvozanat shunga o'xshash. Jismoniy og'irlik vizual og'irlik bilan almashtiriladi. Jismoniy vaznning harakat yo'nalishi vizual yo'nalish bilan almashtiriladi.

Eslatib o'tamiz, quyida vizual vazn va vizual yo'nalish uchun ta'riflar mavjud, ammo batafsilroq ma'lumot uchun sizni ushbu seriyaning to'rtinchi postiga havola qilaman .

vizual og'irlik . Bu vizual elementning idrok etilgan og'irligi. Bu sahifadagi har qanday narsa tomoshabinning ko‘zini qanchalik o‘ziga jalb qilishining o‘lchovidir.
vizual yo'nalish . Bu vizual kuchning idrok etilgan yo'nalishi. Bu, agar element unga ta'sir etuvchi kuchlarga ko'ra harakat qilish imkoniyati berilgan bo'lsa, biz o'ylaydigan yo'nalishdir.

Siz kuchlarni o'lchash uchun asboblardan foydalanmaysiz. Hamma narsa muvozanatda yoki yo'qligini hisoblash uchun formulalardan foydalanmaysiz. Aksincha, kompozitsiyaning muvozanatli yoki yo'qligini aniqlash uchun ko'zdan foydalanasiz.

Nima Uchun Vizual Muvozanat Muhim #

Xuddi jismoniy dunyoda bo'lgani kabi, vizual muvozanat ham yaxshi narsadir. Bu o'z-o'zidan ma'qul. Balanssiz kompozitsiya tomoshabinni noqulay his qilishi mumkin. Uchta tahterevalli tasvirning ikkinchisiga qarang - bu noto'g'ri ko'rinadi, chunki biz tahterevalli arra muvozanatda bo'lmasligi kerakligini aytishimiz mumkin.

Vizual vazn - dizayndagi element yoki hududning vizual qiziqishining o'lchovidir. Agar kompozitsiya vizual ravishda muvozanatlangan bo'lsa, uning har bir qismi qiziqish uyg'otadi. Vizual qiziqish muvozanatli bo'lib, tomoshabinlarni dizayn bilan shug'ullanadi.

Vizual muvozanat bo'lmasa, tomoshabinlar dizaynning barcha sohalarini ko'ra olmaydi. Ehtimol, ular kamroq vizual vazn yoki qiziqish bo'lgan joylarda vaqt o'tkazmaydilar. Ushbu sohalardagi har qanday ma'lumot osongina e'tibordan chetda qolishi mumkin.

Siz dizaynni vizual tarzda muvozanatlashtirasiz, chunki siz kompozitsiyangizdagi qiziqish nuqtalarini muvozanatlashni xohlaysiz, shunda tomoshabinlar siz etkazmoqchi bo'lgan barcha ma'lumotlar bilan vaqt o'tkazishadi.

To'rt Turdagi Balans #

Kompozitsiyani muvozanatlashning bir nechta usullari mavjud. Oldingi bo'limdagi rasmlar ulardan ikkitasini ko'rsatadi. Birinchi tasvir nosimmetrik muvozanatga, ikkinchisi esa assimetrik muvozanatga misoldir. Yana ikkita muvozanat turi radial va mozaikdir.

Simmetrik muvozanat kompozitsiyaning teng tomonlarida teng og'irliklar bo'lsa, markazdagi tayanch nuqtasi yoki o'q atrofida muvozanatlashganda yuzaga keladi. Nosimmetrik muvozanat rasmiyatchilik (ba'zan uni rasmiy muvozanat deb ataladi) va nafislik tuyg'ularini uyg'otadi. To'y taklifnomasi nosimmetrik tarzda muvozanatli bo'lishni xohlaydigan kompozitsiyaning yaxshi namunasidir.

Nosimmetrik muvozanatning salbiy tomoni shundaki, u statik va ba'zan zerikarli deb hisoblanadi. Kompozitsiyaning yarmi ikkinchi yarmini aks ettirgani uchun kompozitsiyaning kamida yarmini oldindan aytish mumkin bo'ladi.

Asimmetrik muvozanat kompozitsiyaning har bir tomonida teng bo'lmagan vizual og'irlikdan kelib chiqadi. Kompozitsiyaning bir tomoni dominant elementni o'z ichiga olishi mumkin, uni boshqa tomonda bir nechta yoki undan ko'p kamroq markazlashtirilgan nuqtalar bilan muvozanatlash mumkin. Bir tomondan vizual jihatdan og'ir element boshqa tomondan bir nechta engilroq elementlar bilan muvozanatlangan bo'lishi mumkin.

Asimmetrik muvozanat yanada dinamik va qiziqarli. U modernizm, harakat, energiya va hayotiylik tuyg'ularini uyg'otadi. Asimmetrik muvozanat ko'proq vizual xilma-xillikni ta'minlaydi, ammo bunga erishish qiyinroq bo'lishi mumkin, chunki elementlar orasidagi munosabatlar murakkabroq.

Radial muvozanat elementlarning umumiy markazdan nurlanishida yuzaga keladi. Quyosh nurlarining nurlari va tosh otilgandan keyin hovuzdagi to'lqinlar radial muvozanatga misoldir. Fokus nuqtasini (tayanch nuqtasini) saqlash oson, chunki u doimo markazdir.

Hamma narsa umumiy markazdan taralayotganligi sababli, hamma narsa ham o'sha markazga olib boradi va uni kuchli jalb qilish nuqtasiga aylantiradi.

Mozaik muvozanat (yoki kristallografik muvozanat) muvozanatli xaosdan kelib chiqadi. Jekson Pollakning rasmlarini o'ylab ko'ring. Kompozitsiyada aniq markazlashtirilgan nuqtalar yo'q va elementlar bir xil urg'uga ega. Ierarxiyaning etishmasligi birinchi qarashda vizual shovqinga olib keladi. Qanday bo'lmasin, barchasi birgalikda ishlaydi.

Simmetriya Va Assimetriya #

Simmetriya ham, assimetriya ham kompozitsiya davomida ishlatilishi mumkin, ammo yakuniy muvozanatga hissa qo'shishdan qat'i nazar. Siz assimetrik muvozanatli kompozitsiyada nosimmetrik shakllarga ega bo'lishingiz mumkin va aksincha.

Simmetriya odatda go'zal va uyg'un ko'rinadi; ammo, uni statik va zerikarli deb ham ko'rish mumkin. Asimmetriya o'ziga xos go'zal deb hisoblanmasa ham, ko'proq qiziqarli va dinamik bo'ladi.

SIMMETRIYA #

Simmetriyaning uchta asosiy turi mavjud.

Ko'zgu simmetriyasi (yoki ikki tomonlama simmetriya) hamma narsa markaziy o'q atrofida aks ettirilganda paydo bo'ladi. "Simmetriya" so'zini eshitganingizda, ehtimol bu sizning xayolingizga kelgan birinchi narsadir. O'q har qanday yo'nalishda yoki yo'nalishda bo'lishi mumkin, garchi u ko'pincha vertikal yoki gorizontal bo'lsa ham.

Eksaning bir tomonidagi hamma narsa boshqa tomondan aks ettirilgan. Yer yuzasi bo'ylab o'sadigan yoki harakatlanadigan tabiiy shakllar ko'zgu simmetriyasini rivojlantiradi. Inson yuzi va kapalak bunga misoldir.

Ko'zgu mukammal oyna tasviri bo'lsa, simmetriya sof deyiladi. Ko'pincha u mukammal bo'lmaydi va har bir tomonda ozgina farqlar bo'ladi. Bu simmetriyaga yaqin va sof simmetriyadan ko'ra keng tarqalgan.

Simmetriya bir vaqtning o'zida bir nechta o'qlarda ham sodir bo'lishi mumkin. Misol uchun, kompozitsiyaning chap va o'ng yarmi bir-birini aks ettirishi mumkin, yuqori va pastki qismi esa bir-birini aks ettirishi mumkin. Qor parchalari ikkitadan ortiq o'qda aks etish simmetriyasini ko'rsatadi.

Aylanma simmetriya (yoki radial simmetriya) hamma narsa umumiy markaz atrofida aylanganda sodir bo'ladi. Agar umumiy markaz mavjud bo'lsa, u har qanday burchak yoki chastotada paydo bo'lishi mumkin. Yer yuzasiga perpendikulyar o'sadigan yoki harakatlanadigan tabiiy shakllar aylanish simmetriyasini rivojlantiradi. Bunga misol qilib kungaboqar gulbarglari keltiriladi. Ko'zgusiz aylanish harakat, tezlik yoki dinamik harakatni ko'rsatish uchun ishlatilishi mumkin. Harakatlanuvchi mashinaning aylanayotgan g'ildiraklarini o'ylab ko'ring.

Translatsion simmetriya (yoki kristallografik simmetriya) elementlar fazoning turli joylarida takrorlanganda yuzaga keladi. Takroriy panjara ustunlari bunga misoldir. Takrorlash tarjima simmetriyasini yaratadi. Asosiy yo'nalish bir xil bo'lsa, u har qanday yo'nalishda yoki har qanday masofada sodir bo'lishi mumkin. Tabiiy shakllar ko'payish orqali tarjima simmetriyasini rivojlantiradi. Tarjima simmetriyasi orqali ritm, harakat, tezlik va dinamik harakat yaratishingiz mumkin.

Kelebek ko'zgu simmetriyasiga, panjara ustunlari tarjima simmetriyasiga, kungaboqar esa radial simmetriyaga misol bo'ladi.

Nosimmetrik shakllar, odatda, erdan farqli o'laroq, shakl sifatida ko'riladi. Nosimmetrik shakl bir xil o'lchamdagi va shakldagi assimetrik shaklga qaraganda ko'proq og'irlik qiladi.

Nosimmetrik shakllar o'z-o'zidan muvozanatni bildiradi, lekin ular juda barqaror va juda muvozanatli ko'rinishi mumkin, bu esa qiziqishning etishmasligiga olib keladi. Simmetrik shakllar ham passiv bo'shliqqa olib keladi, chunki manfiy bo'shliq shakl atrofida tengdir.

ASIMMETRIYA #

Asimmetrik shakllar nosimmetrik shakllarning muvozanatiga ega emas, garchi siz butun kompozitsiyani assimetrik tarzda muvozanatlashingiz mumkin. Asimmetriya tabiiy shakllarda keng tarqalgan: ehtimol siz o'ng yoki chap qo'lsiz; skripkachi qisqichbaqalar turli o'lchamdagi tirnoqlarga ega; daraxtlar shoxlari turli yo'nalishlarda o'sadi; bulutlar tasodifiy shakllarga ega.

Asimmetriya elementlar o'rtasida murakkabroq munosabatlarni yaratadi va shuning uchun u simmetriyadan ko'ra qiziqroq bo'ladi. Bu qiziqroq bo'lgani uchun, diqqatni jalb qilish uchun assimetriyadan foydalanish mumkin.

Asimmetrik shakllar atrofidagi bo'shliq faolroq. Kutilmagan naqshlar yaratiladi va umuman olganda siz simmetriyadan ko'ra assimetriya bilan ko'proq ifoda erkinligiga egasiz. Bitim shundaki, bunga erishish qiyinroq.

Xuddi shu tarzda o'xshashlik va kontrast birgalikda ishlaydi, siz simmetriya va assimetriyani yaxshi ta'sir qilish uchun birlashtira olasiz. Nosimmetrik shakllarni assimetrik tarzda muvozanatlash yoki assimetrik shakllarni nosimmetrik tarzda muvozanatlash. Qiziqishni qo'shish uchun nosimmetrik shakllarni tasodifiy belgi bilan ajrating. Elementlarga ko'proq e'tibor qaratish uchun kompozitsiyangizdagi kontrast simmetriya va assimetriya.

Gestalt Tamoyillari #

Ushbu seriya davomida men gestalt tamoyillaridan qancha dizayn tamoyillari kelib chiqishini ko'rsatishga harakat qildim. Umid qilamanki, siz kuzatib borganingizdan so'ng, turli dizayn tamoyillari qanday qilib bir-biriga asoslanganligini ko'rgansiz.

Gestalt tamoyillaridan biri simmetriya va tartibni o'z ichiga oladi va, albatta, kompozitsion muvozanatga taalluqlidir. Biroq, bu amal qiladigan yagona printsip emas.

Simmetrik shakllarning soddaligi Pragnanz qonunida bashorat qilingan. Fokus nuqtalari va o'xshashlik kabi gestalt tamoyillari vizual vaznga yordam beradi. Davom, umumiy taqdir va parallellik kabi tamoyillar vizual yo'nalish beradi. Bundan tashqari, nosimmetrik shakllar erga emas, balki figura sifatida ko'rinishini ham eslatib o'tdim.

Umid qilamanki, gestalt tamoyillari bizni boshqaradigan ko'plab dizayn tamoyillariga olib keladi, degan fikr ushbu seriyani o'qiganingizdan so'ng aniqroq bo'ldi. Biz amal qiladigan dizayn tamoyillari havodan kelib chiqmagan; ular bizning vizual muhitimizni idrok etishimiz psixologiyasidan kelib chiqqan.

Misollar #

Skrinshotlar vaqti keldi. Menda seriyadagi ushbu oxirgi maqola uchun odatdagidan bir necha ko'proq veb-saytlar bor va men ularni to'rt turdagi balansga ko'ra guruhladim.

Men seriya davomida yana bir bor takrorlaganimdek, mening fikrim quyidagicha. Men ushbu dizaynlardagi muvozanatni shunday ko'raman. Siz buni boshqacha ko'rishingiz mumkin, bu yaxshi. Dizaynlar haqida tanqidiy fikr yuritish, biz o'ylagan narsalarga rozi bo'lishdan ko'ra muhimroqdir.

SIMMETRIK MUVOZANATGA MISOLLAR #

Helen & Hardning butun veb-saytining dizayni nosimmetrik tarzda muvozanatlangan. Bu erda skrinshot "Haqida" sahifasidan olingan, ammo veb-saytning boshqa sahifalari xuddi shunday muvozanatlangan.

Helen & Hardning "haqida" sahifasining skrinshoti. ( Katta versiyani ko'rish )

Hamma narsa sahifaning o'rtasidan vertikal o'q atrofida aks etadi. Logotip markazlashtirilgan, navigatsiya paneli markazlashtirilgan, aylana tasvirlar markazlashtirilgan, sarlavha markazlashtirilgan va matnning uchta ustuni markazlashtirilgan.

Muvozanat mukammal nosimmetrik emas. Ustunlarda, masalan, turli xil matnlar mavjud.

Biroq, sahifaning yuqori qismiga e'tibor bering. Logotip ham, navigatsiya paneli ham markazda joylashgan, ammo ular vizual tarzda markazlashtirilmaganga o'xshaydi. Mening ko'zim logotipning ampersand markazida yoki hech bo'lmaganda unga yaqinroq bo'lishini xohlaydi. Navigatsiya panelining o'ng tomonidagi uchta menyu elementi chapdagilarga qaraganda ko'proq harflarga ega. Mening ko'zim ularning bir xil bo'lishini xohlaydi va markaz "Haqida" va "Odamlar" havolalari o'rtasida bo'lishini xohlaydi.

O'ylaymanki, bu ikki elementni markazdan tashqariga ko'chirish, ularni vizual markazlashtirilgandek ko'rsatish kompozitsiyani biroz yaxshilaydi.

Tilde -ning bosh sahifasi nosimmetrik tarzda muvozanatlangan yana bir dizayndir. Helen & Hard singari, bu erda hamma narsa sahifaning markazidan pastga tushadigan vertikal o'q atrofida aylanadi: navigatsiya, matn, tasvirdagi odamlar. Sahifani pastga aylantirganingiz bilan bir xil.

Tilde bosh sahifasining skrinshoti. ( Katta versiyani ko'rish )

Helen & Hardda bo'lgani kabi, simmetriya ham sof emas. Matnning markazlashtirilgan satrlari, birinchi navbatda, oyna tasvirlari emas. Bundan tashqari, bir nechta elementlar o'chirilgan: o'ngga qaragan "Jamoa bilan tanishish" strelkasi va sahifaning pastki qismidagi matn o'ngga qaragan boshqa o'q bilan tugaydi.

Ikkalasi ham harakatga chaqiradi va ikkalasi ham simmetriyani buzadi va o'zlariga qo'shimcha e'tiborni tortadi. Ikkala o'q ham ularning foniga qarama-qarshi bo'lgan ranglardan qanday foydalanishiga e'tibor bering, bu elementlarning jozibadorligini yanada oshiradi.

ASIMMETRIK MUVOZANATGA MISOLLAR #

Kerri Voldengen portfelining bosh sahifasi dominant simmetrik shakl atrofida umumiy assimetrik muvozanatni ko'rsatadi. Umumiy tarkibga qarab, men bir nechta diskret shakllarni ko'raman.

Kerri Voldengen veb-saytining skrinshoti. ( Katta versiyani ko'rish )

Sahifaning massasi kichikroq to'rtburchaklar tasvirlar panjarasidan tashkil topgan katta to'rtburchakdir. O'z-o'zidan, bu panjara vertikal va gorizontal o'qlar atrofida nosimmetrikdir. Bu juda kuchli va barqaror his qiladi. O'z-o'zidan, u juda muvozanatli va hech qaerga ketmayotganga o'xshaydi.

O'ng tomonda matn bloki shaklni pastga tortadi. U yuqori chap burchakdagi matn va dumaloq logotip bilan muvozanatlangan. Ikkalasi ham qarama-qarshi yo'nalishda tarmoqqa ta'sir qiluvchi nisbatan teng miqdordagi vizual og'irlikni ta'minlaydi.

Tasavvur qilingan tayanch nuqtasigacha bo'lgan masofa og'irliklar bilan bir xil. O'ng tarafdagi matn kattaroq va umuman quyuqroq, ammo ko'k dumaloq logotip uning umumiy maydoniga ko'proq og'irlik beradi. Doira hatto bitta rang orqali panjaraning yuqori chap burchagiga ulanadi.

To'r ostidagi matn unga osilganga o'xshaydi va kompozitsiyani muvozanatdan chiqarib yubormaslik uchun o'z-o'zidan etarlicha engil.

E'tibor bering, bo'sh joy ham muvozanatni his qiladi. Chap tarafdagi, yuqori o'ng tomondagi va o'ngdagi pastdagi joylar, shu jumladan bir oz pastki o'ng tomonda, barchasi bir-birini muvozanatlashtiradi. Chapdagi maydon o'ngdagi maydondan kattaroq, lekin o'ng tomonda yuqori va pastda qo'shimcha joy mavjud.

AQShning Hirondelle bosh sahifasining yuqori qismidagi tasvirlar aylanadi. Sahifaning yuqori qismida o'rnatilgan assimetrik muvozanat haqida gapirish uchun men buning skrinshotini oldim.

AQShning Hirondelle skrinshoti. ( Katta versiyani ko'rish )

Rasmdagi ustun markazdan bir oz uzoqda joylashgan va u kompozitsiyani kuchli vertikal chiziq bilan bog'lab turadi — bu biz bilgan ob'ektning og'irligi juda katta. Chapdagi panjara ekranning chap qirrasi bilan mustahkam aloqani ta'minlaydi. Bu ham langardek tuyuladi. Sahifada biron bir dizayn elementi muvozanatni buzayotganini tasavvur qilish qiyin.

Panjara ustidagi matn panjara tomonidan quvvatlangandek tuyuladi; biroq, u o'ngdagi bolaning tasviri bilan ham vizual tarzda muvozanatlangan. Siz panjarani ustunning chap tomoniga osilib, uni muvozanatdan chiqarib yuborayotgandek ko'rishingiz mumkin, lekin menimcha, bolaning ichki qiziqishi va uning orqasida joylashgan qorong'u qadriyatlar temir yo'l va matnni muvozanatlashtiradi. qoldirib, narsalarni muvozanatda saqlang.

Tarjima simmetriyasi hissi mavjud, chunki matnning oltin chiziqlari tasvirning yuqori chap va pastki o'ng tomonida, shuningdek, sahifaning pastdagi tugmachasida takrorlanadi. Oq matn ham takrorlanadi.

RADIAL BALANSGA MISOLLAR #

Vlog.it -ning bosh sahifasi radial muvozanatni namoyish etadi, umid qilamanki, bu skrinshotdan aniq. Yuqori o'ng burchakdagi shakldan tashqari, hamma narsa sahifaning markazi atrofida aylanadi, chunki tasvirlarning uchta halqasi markaziy doira atrofida aylanadi.

Vlog.it skrinshoti. ( Katta versiyani ko'rish )

Skrinshotda siz ko'rmaydigan narsa sahifa qanday yuklanishidir. Pastki chap burchakdan sahifaning o'rtasiga chiziq tortiladi. O'sha paytdan boshlab, sahifada paydo bo'ladigan deyarli hamma narsa markaz atrofida aylanish orqali yoki hovuzdagi to'lqinlar kabi undan nurlanish orqali shunday qiladi.

Yuqori o'ngdagi kichikroq doira biroz tarjima simmetriyasini va biroz assimetriyani qo'shib, kompozitsiyaga vizual qiziqishni oshiradi.

OperaShiny Demos bosh sahifasiaylana emas, lekin matn havolalarining barchasi umumiy yoki umumiy markazdan kelib chiqqanga o'xshaydi. Butun shaklning o'rtadagi kvadratlardan biri yoki ehtimol to'rtta kvadrat uchrashadigan burchaklardan biri atrofida aylanishini tasavvur qilish oson.

Operaning Shiny Demos skrinshoti. ( Katta versiyani ko'rish )

Yuqori chap tomonda joylashgan Shiny Demos sarlavhasi va pastki o'ng tomondagi Opera logotipi bir-biriga mos keladi va matn havolalari bilan bir xil markazdan tarqalib ko'rinadi.

Bu radial muvozanat uchun aylanalardan foydalanish shart emasligiga yaxshi misol.

MOZAIK BALANSIGA MISOLLAR #

Mozaik balansi onlaynda eng kam qo'llanilishini kutishingiz mumkin, ayniqsa men Jekson Pollak rasmlarini mozaika balansiga misol sifatida taklif qilganimdan keyin. Internetda siz tushunganingizdan ko'ra ko'proq misollar mavjud.

Quyon ertagining bosh sahifasi bunga yaxshi misol bo‘ldi. Harflar sochilib ketganida, albatta, tasodifiy va tartibsiz tuyg'u bor edi, lekin kompozitsiyadagi muvozanat ishlaydi.

Quyon ertagining skrinshoti. ( Katta versiyani ko'rish )

Bir-birini muvozanatlash uchun har ikki tomonda (o'ng va chap) rang va bo'shliqning teng yaqin joylari mavjud. O'rtadagi quyon hatto tayanch vazifasini ham bajaradi. Siz ko'rganingizdan keyin ham u biroz ajralib turishi mumkin, ammo umuman olganda, elementlar alohida e'tiborni jalb qilmaydi.

Men qaysi elementlar bir-birini, bir vaqtning o'zida bitta elementni muvozanatlashini aniqlashga harakat qilmoqchi emasman, lekin umid qilamanki, siz umumiy muvozanat borligiga rozi bo'lasiz. Agar biror narsa bo'lsa, betartiblik o'ng tomonda og'irroq, ammo muvozanatni yo'qotish nuqtasiga emas.

Yangiliklar va jurnal veb-saytlari kabi kontentga ega veb-saytlar ham mozaik muvozanatni namoyish etadi. Siz The Piyozning bosh sahifasini taniysiz . Skrinshotda men sahifaning yuqori qismidagi fon tasvirini olib tashladim.

The Piyoz skrinshoti. ( Katta versiyani ko'rish )

Ko'rish uchun ko'p narsa bor. Tartib nosimmetrik emas. Ustunlarning o'lchamlari bir xil emas. Nimani muvozanatlashini aniqlash qiyin. Kontent bloklari ichida turli xil miqdordagi tarkib mavjud va shuning uchun ular turli o'lchamlarga ega. Umumiy markazdan hech narsa nurlanmaydi.

Turli o'lchamdagi bloklarda biroz tartibsizlik va tasodifiylik mavjud, ba'zilari boshqalarga qaraganda zichroq. Veb-saytdagi hikoyalar har kuni o'zgarganligi sababli, har kuni turli xil tartibsizliklar paydo bo'ladi. Umuman olganda, u ishlaydi.

Ehtimol, bu mozaik muvozanat deb aytish qiyin, lekin men yana bir bor bahslashamanki, bu shunday va ko'plab veb-saytlar bunday tartibsiz muvozanatni namoyish etadi, garchi bir narsa menga Internetda biz ko'rayotgan xaosning aksariyati rejalashtirilmaganligini aytadi.

Xulosa #

Bu yerga borish uchun biroz vaqt kerak bo'ldi, lekin bu bizning dizayn tamoyillari bo'yicha seriyamizni yakunlaydi. Umid qilamanki, bu sizga yoqdi, yangi narsalarni o'rgandingiz yoki seriyani asosiy dizayn tamoyillarini yaxshi ko'rib chiqish deb topdingiz.

Siz taxmin qilganingizdek, menimcha, asoslar muhim. Men ushbu seriyani ushbu tamoyillarning barchasi inson idroki va gestalt nazariyasidan qanday kelib chiqishini ko'rsatish uchun boshladim. Men ularni uydirmadim. Printsiplar barchamiz vizual muhitimizni qanday idrok etishimiz va talqin qilishimizga asoslanadi.

Misol uchun, biz fokus nuqtalarini ko'rishimizning sabablaridan biri, ular atrofdagi elementlarga ziddir. Ular bir-biridan farq qiladi. Do'stni dushmandan tezda aniqlash kerak bo'lganda, bu juda muhimdir. Bu qobiliyat tur sifatida omon qolishimiz uchun muhim edi va shuning uchun ko'zlarimiz tezda qaror qabul qilish uchun rivojlandi.

Biroq, dizayn tamoyillari qiyin va tez qoidalar emas. Ular ko'rsatmalar. Masalan, ikkita element o'xshash yoki farqli ekanligini bildirishning yagona to'g'ri usuli yo'q. Bu tamoyillarning birortasiga amal qilishingiz shart emas, garchi siz ularni tushunishingiz va ularni buzish uchun sababga ega bo'lishingiz kerak.

Yana, umid qilamanki, sizga ushbu seriya yoqdi va umid qilamanki, seriyadagi biror narsa sizga dizaynlaringizdagi vizual aloqani ko'proq boshqarish imkonini berdi.