Tarkib
Ushbu maqola birinchi marta veb-dizaynerlar va ishlab chiquvchilar uchun dunyodagi eng ko'p sotiladigan jurnal - .net jurnalining 229-sonida paydo bo'ldi.
HTML / CSS-dagi sahifani joylashtirish haqida o'ylashingiz mumkin bo'lgan eng muhim narsalardan biri bu vertikal ritmdir - bu sahifani skanerlashda turdagi bloklar yoki chiziqlar shakllanadigan ingl.
Ushbu ritmga boshqa narsalar ta'sir qilishi mumkin, masalan sarlavhalar, ro'yxat elementlari, rasmlar va boshqalar. Yaxshi vertikal ritmga ega bo'lish juda muhimdir, chunki bu sizning sahifangiz (lar) ning o'qilishi va skanerlash qobiliyatiga yordam beradi.
Internetda juda yaxshi ko'rsatmalar mavjud (masalan, bu erda va bu erda), siz o'zingizning chiziq balandligingiz uchun ems-dan foydalanib, qanday qilib "vertikal" ritmni texnik jihatdan qanday qilib qo'lga kiritishni bilib olishingiz mumkin. degani.
Ierarxiya
Diqqatga sazovor bo'lgan asosiy narsalar - elementlar orasidagi satr balandligi va sahifadagi umumiy ingl. To'g'ri chiziqli balandlik mutanosibliklarini belgilash loyihalash mashqlari bo'lishi mumkin, ammo uni o'rganish juda muhimdir. Ierarxiya ham muhimdir, chunki tasvirlar va matn elementlari bir-biri bilan vizual ravishda uyg'un bo'lishi kerak - eng muhim narsalar odatda kattaroq va sahifada birinchi o'rinda turadi.
Bosmaxona dizaynerlari ko'p yillar davomida vertikal ritm g'oyasi bilan shug'ullanishgan va faqat yaqin o'tmishda veb-dizaynerlar bu narsaga kirishishlari kerak edi. Tarmoqli maketlardan foydalangan holda veb-saytlarni yaratish va bir nechta ekran kengliklariga mos keladigan dasturlarga e'tibor berish tobora ortib borayotgan ehtiyoj bilan, vizual dizayn nuqtai nazaridan hozirgi kunga kelib, har doimgidan ham muhimroq, ehtimol bu shunchaki texnik jihatdan.
Tekshirish uchun beshta misol
1. Tipografik uslubning elementlari Robert Bringhurstning ushbu kitobi tipografiyani o'rganish uchun standart hisoblanadi. O'qing, iste'mol qiling, miyangizga iloji boricha to'kib tashlang.
2. Frank Chimero Umuman olganda hayratlanarli bo'lishdan tashqari, dizayner Frank Chimeroning shaxsiy veb-saytining yaqinda qayta tiklanishi ajoyib vertikal ritmni namoyish etadi. U paralaks effektidan foydalanib, ritmni boshqarishda yordam beradi, chunki siz ham sahifani pastga aylantirasiz.
3. Dan Sederxolm Ajoyib tipografik vertikal ritmning yaxshi namunasi uchun Dan Sederxolmning blogini ko'rib chiqing. Nusxa va sarlavhalarning satr balandligi mukammal mutanosib.
4. Fokus laboratoriyasi Focus Lab veb-dizayn va brendlash firmasi ierarxiyadan mohirona foydalanib, tashrif buyuruvchi uchun eng muhim narsani etkazishga yordam beradi.
5. Typofonderie Typography Studio Typofonderie veb-sayti tasvir va matn bilan ajoyib vertikal ritmga ega. Elementlar orasidagi masofa veb-sayt bo'ylab mutanosibdir va asosiy rasm va ikkilamchi rasmlar / bo'limlar orasidagi ierarxiya mukammaldir.
Creative Bloq-da eksperimental dizaynning 10 ta ajoyib namunasini kashf eting.