Modulli grid tipografiyasi. Grafik dizayndagi modulli panjara. Modulli tarmoqlarning turlari
"Tor - bu yordam tizimi, lekin u kafolat emas, shunchaki bir nechta mumkin bo'lgan foydalanishga ega va har bir dizayner o'zining individual uslubiga mos keladigan yechimni topishi mumkin. Lekin to'rdan foydalanishni o'rganish kerak. Bu amaliyotni talab qiladigan san'at".
— Jozef Myuller-Brokman
Aslida, panjaradan foydalanish dizaynning eng qadimgi va eng asosiy tamoyillaridan biri bilan bog'liq: tekislash. Bizning miyamiz hamma narsani soddalashtirishni va uni yanada tushunarli qilishni xohlaydi. Shuning uchun biz tartibsiz ko'rinadigan narsalarni tartibga solishga harakat qilamiz.
Tabiiyki, biz hamma narsani qanchalik tez to'g'ri tashkil qilsak, miyamiz modelni tezroq aniqlay oladi va davom etadi. Tarmoqlar shunchalik tartibliki, ular biz tomondan deyarli hech qanday izoh talab qilmaydi. .
Quyidagi rasmda ko'rsatilgan ikkita sahifa tartibini ko'rib chiqing:
Garchi bu ikkala tasvir bir nechta to'rtburchaklar bo'lsa-da, yuqoridagi to'plam pastki qismdagidan tubdan yaxshiroq ko'rinadi. Biz naqshni darhol taniy olamiz, uni qabul qilamiz va davom etamiz. Quyidagi rasm vizual noqulaylikni keltirib chiqaradi, chunki u aniq naqsh, tartib yoki maqsadga ega emas va tasodifiy shakllar to'plamiga o'xshaydi.
Shuni ta'kidlash kerakki, tartibsizlik ham chiroyli bo'lishi mumkin . Tabiatda, masalan, aniq chiziqlar yo'q. Meshlar sovuq va qattiq ko'rinadi, lekin ular juda samarali va ekanligini unutmang samarali usul Tasavvuringizni tuzilmalarga botib qolishiga yo'l qo'ymang.
Yuqori darajadagi dizaynga ega eng mashhur veb-saytlarni ko'rib chiqing. Katta ehtimol bilan ular to'rdan foydalanganlar. Gridlar veb-sahifa strukturasini barqarorlashtirishga yordam beradi va dizaynerga sayt yaratish uchun mantiqiy shablonni taqdim etadi.
To'rdan foydalanish sizning dizayningiz zerikarli dizaynga ega bo'lishini anglatmaydi. Yaxshi dizayner to'rdan foydalanishning asosiy qoidalarini bilishi va qo'llash qobiliyatiga ega bo'lishi kerak, ammo bu uning qoidalarni buzmasligini anglatmaydi.
Oddiy qilib aytganda, panjara tarkibni tartibga solish uchun asos yaratish uchun tartibni vertikal va/yoki gorizontal yo'riqnomalar, jumladan chekkalar, bo'sh joy va bir qator ustunlar bo'yicha taqsimlashdir.
To'rlar an'anaviy ravishda chop etishda ishlatiladi, lekin tez-tez veb-dizaynda ham qo'llaniladi. To'r oddiygina dizaynda yordam beradigan vositadir.
Muayyan sohada yangi ko'nikmalarni o'rganishni boshlaganingizda, birinchi navbatda tavsiyalarga amal qilishingiz kerak. Asoslarni o'rganish printsiplarni samarali qo'llashni ta'minlaydi. Ya'ni, birinchi navbatda - nazariya, keyin esa - amaliyot.
Shuni ta'kidlash kerakki, shablonlar panjarasini yaratishning ikki yo'li mavjud:
1-usul: O'z panjarangizni yarating
Juda ko'p .. lar bor turli yo'llar bilan o'z panjarangizni yarating, lekin oxirida siz o'zingizga eng mos variantni tanlash huquqiga egasiz.
Bo'sh hujjatni matematik tarzda ajratishingiz mumkin, u bilan ishlash uchun juft yoki toq sonli ustunlar yaratishingiz mumkin. Sizning tarmog'ingiz murakkab yoki oddiy bo'lishi mumkin, siz o'zingiz yoqtirgan uchdan birlik yoki oltin nisbat qoidalaridan foydalanishingiz mumkin.
Ehtimol, quyidagi maqolalar sizga bu borada yordam beradi:
- Qanday qilib panjara yaratasiz (kitob bo'yicha Ingliz tili.pdf formatida)
Qo'llanmalar yordamida Photoshop-da yaratilgan tarmoqlarga ba'zi misollar ( Ko'rish> Yangi qo'llanma):
Photoshop-da panjara yaratish uchun plaginlar
5. Grid System Generator - 960.gs, Golden Grid, 1Kb Grid, Simple Grid kabi mashhur tarmoqlarning generatori / kerakli parametrlarni o'rnating va "GENERATE" tugmasini bosing.
Suyuqlik / sezgir veb-saytlar uchun panjara
Responsive veb-dizayn bugungi kunda juda mashhur. Uning asosiy printsipi - kauchuk to'rdan foydalanish. Siz ular haqida ko'proq o'qishingiz mumkin, lekin men ushbu to'plamni biroz kengaytirib, yana bir nechta manbalarni qo'shmoqchiman.
1. - moslashuvchan to'r generatori
2. Fluid grid kalkulyatori - kauchuk to'rni yaratish imkonini beruvchi xizmat. Parametrlarni kiriting va tugallangan kodni oling.
Modulli tarmoq - e bir necha marta takrorlanadigan naqsh, naqsh, o'lcham yoki nisbat. Escherning rasmlarini eslang. Ba'zi ishlarda kaltakesaklar, baliqlar, qushlar - bu modul. Har bir Internet foydalanuvchisi modullarni fon ko'rinishida ko'radi.
Dizaynda modullardan foydalanishning birinchi varianti Internetdagi kabi, ya'ni fon tasviridir. Har xil shakllarda, ham mustaqil, ham turli kombinatsiyalarda. Va Escherning xuddi shu rasmlari.
Ikkinchi variant, o'lchovli, uchinchisiga juda yaqin, mutanosib. Asosan, bu bosma mahsulotlarning har xil tipografik turlari uchun modulli panjaralardir.
Uchinchi variantni idrok etish qiyinroq, ammo tabiat va inson tomonidan yaratilgan barcha dizayn, arxitektura va boshqa narsalarning asosida aynan shu narsa yotadi. Inson doimo intuitiv ravishda mutanosiblik hissi, ya'ni munosabatlarni boshqaradigan muhitni shakllantirgan.
Phidias (Akropolning yaratuvchisi) va Ictinus (Parfenon) ham oltin nisbat qonuni haqidagi bilimlarini namoyish etdilar. Ushbu qonunning mohiyati shundan iboratki, kichikroq segment kattaroq bilan bog'liq, chunki kattaroq butun uzunlik bilan bog'liq. Bu qonun maktabda o'rganilganmi yoki yo'qmi esimda yo'q, lekin san'at maktablarida, san'at va arxitektura institutlarida "Otamiz..." kabi bir raqamda bu qiymat 1,618 deb ifodalangan..... algebraik jihatdan u ko'rinadi : b=b:( a+b). Gap shundaki, bunday nisbat ko'z tuzilishining aqliy va jismoniy xususiyatlari, miyaning ishlash chastotalari va ko'p, ko'p ... tufayli ko'z uchun foydalidir (4.2-rasm).
Vizual jihatdan qulay munosabatlarni o'rnatishda ikkinchi faol element - bu kvadrat. Undan qurish orqali 1:2, 2:3, 3:4 nisbatlarini olish oson.
4.2-rasm.
4.3-rasm.
Veb uchun modulli sahifa qurilishini jadvallar yordamida tashkil qilish mumkin. Modul sifatida siz ekranning tomonlar nisbatini olishingiz mumkin (800x600 da bu 4:3) (4.3-rasm). A4 qog'oz varag'ining standart o'lchami ham chizma va tipografiyada modul hisoblanadi
Tipografik kataklarning ko'p soni nashr uchun asos sifatida olingan qog'oz varag'i formatiga asoslanadi. Grid dizayni loyihaning mazmuni va maqsadiga, shuningdek, ma'lum bir rassomning individual uslubiga bog'liq. Va agar dizayn kompyuter yordamida amalga oshirilgan bo'lsa, unda jarayon, ayniqsa, amalga oshirish bosqichida juda tez bo'ladi. Ko'pgina grafik (asosan nashriyot) dasturlari modulli tarmoq yaratish uchun o'rnatilgan variantlarga ega va ularning deyarli barchasida "Buklet", "Taqvim" va boshqalar juda keng tarqalgan nomlar ostida modulli tarmoq shablonlarining juda katta to'plami mavjud.
4.4-rasmda. taqdim etdi birinchi chiziqning modulli panjarasi. U yuqori blokdagi umumiy modulli panjaradan biroz farq qiladi. Logotipni aniqroq idrok etish uchun uni juda muhim pauzalar bilan ta'kidlash kerak edi. Ammo uni o'qish va ta'kidlash bilan bog'liq muammolar yo'q.
4.4-rasm.
4.5-rasm. Qolgan chiziqlar modulli panjarasi
Ko'rib turganingizdek, aniq belgilangan yuqori blokdan tashqari, chiziq aniq belgilangan "podval" ga ega - gazetachilar chiziqning pastki qismini shunday atashadi. Bu sahifadagi ma'lumotlarni tematik zonalarga ajratishga yordam beradi. Tarmoqli modulyatsiya sxemasi ikkita rangli diagrammada ko'rinadi.
Modulli panjara har doim ham bir xil va nosimmetrik bo'lmaydi. Elementlarni o'zboshimchalik bilan joylashtirish bilan butunlay mavhum bo'lishi mumkin, ammo har holda uning vazifasi materialni taqdim etishda uzluksizlikni ta'minlashdir.
Modullar me'morlar, mebel dizaynerlari va avtomobil ishlab chiqaruvchilari tomonidan qo'llaniladi; ularning moduli inson tanasining nisbati va o'lchamlari bilan bog'liq.
|
|
|
4.6-rasm.
Veb-dizaynda modulli tarmoq birinchi qarashda ko'rinadiganidan ko'ra tez-tez ishlatiladi. Agar foydalanayotgan bo'lsangiz
Ekran o'lchamlari | ||||
Kanvas o'lchamlari |
Ekran o'lchamini oddiy dasturlar yordamida aniqlash mumkin (laboratoriya amaliyotiga qarang).
Keling, jadval yordamida tashkil etilgan modulli panjara va o'lchamlarni ko'rsatish misolini ko'rib chiqaylik
HTMLda jadvalning butun mazmunini teg bilan belgilashingiz mumkin
. Keyin jadval sarlavhasi teg bilan ko'rsatiladi va yorliq bilan xulosa .Hamma uch teglar yopuvchi teglar va atributlarga ega. Jadval sarlavhasi katakchalari tegdan foydalanadisarlavha | menyu | modul 1 | Modul 2 | modul 3 | modul 4 |
---|---|---|
xulosa |