Tomoshabinning ko'zini jalb qilish uchun diqqatni ishlatish
Veb-sahifa dizayni ustidagi diqqat sahifa uchun muhim mavzu bo'lgan maydon yoki ob'ektni yaratadi. Bu dizaynda bitta elementni ajratishning bir usuli. Fokus-nuqta dizaynning boshqa elementlaridan ham katta yoki rang-barang bo'lishi mumkin, ularning har ikkalasi ham ko'zni jalb qiladi. Agar veb-sahifani yaratganingizda, siz so'z yoki iborani tanlash va uni rang, shrift yoki o'lchamlarini ajratib turadigan darajada tanlashingiz mumkin, ammo sizning dizayningizdan foydalanishning boshqa usullari mavjud.
Tasarımda diqqat foydalanish
Dizaynerlarning eng katta xatosidan biri dizayndagi hamma narsaga e'tibor berishga harakat qilishdir. Har bir narsa teng ahamiyatga ega bo'lsa, dizayn zich va shubhali yoki yomon - zerikarli va zavqsiz ko'rinadi. Veb-dizayndagi markazlashtirilgan nuqtani yaratish uchun quyidagilarga e'tibor qarating:
- Qatorlar: farqli ravishda e'tiborni torting. Agar bir necha element gorizontal bo'lsa, vertikal element markazga aylanadi.
- Rang: Agar dizayndagi aksariyat elementlar qorong'i yoki tovushsiz bo'lsa, rangga ega bo'lgan har qanday ob'ekt ko'zni tortadi.
- Shakllar: Ko'p shakllar nosimmetrik bo'lganda, geometrik shakl aks ettiriladi.
- Yaqinlik: Bir nechta elementlar guruhlangan va guruhdan alohida bo'lsa, ko'z bir elementga o'tadi.
- Joylashtirish: istisnolar mavjud bo'lsa-da, dizayn markazida joylashgan element odatda ko'zni tortadi.
- Og'irligi: Og'ir element tomoshabinning e'tiborini tortadi.
- Takrorlash: elementni kiritish uchun oddiy grafik qayta takrorlanganda, ko'z takrorlanadigan elementni diqqat markaziga o'tkazadi.
- Kontrast: Ranglar va chiziqlar yordamida yaratilgan kontrastlarga qo'shimcha ravishda kontrast o'lchamlari, to'qimalari yoki shriftlar o'zgarishlari bilan yaratilishi mumkin. O'zgarish fokus-elementni e'tiborga olishiga olib keladi.
- Oq bo'shliq: oq (yoki bo'sh) maydon bilan o'rab olingan element markazga aylanadi.
Veb-dizaynlarda ierarxiya
Hiyerarşisi, hajmi jihatidan muhimligini ko'rsatuvchi dizayn elementlarning ingl. Tartibga solinishi. Eng katta element eng muhimi; kamroq muhim elementlar kichikroq. Veb-dizaynlaringizda ingl. Ierarxiyani yaratishga e'tibor bering. Agar siz HTML formatlashingizga semantik oqim yaratish uchun ishlagan bo'lsangiz, bu oson, chunki veb-sahifangizda allaqachon ierarxiya mavjud. Barcha dizayningiz amalga oshirilishi kerak bo'lgan narsa - H1 sarlavhasi kabi eng to'g'ri elementni ta'kidlashdir.
Belgilashda ierarxiya bilan birga, tashrifchining ko'zi ekranning yuqori chap burchagidan boshlab Z shaklidagi veb-sahifani ko'radi. Bu sahifaning yuqori chap burchagini kompaniya logotipi kabi muhim element uchun yaxshi joyga aylantiradi. Yuqori o'ng burchak, muhim ma'lumot uchun ikkinchi eng yaxshi joylashtirish pozitsiyasidir.
Veb-dizaynlarda diqqatni qanday qo'shish kerak
Veb-dizayndagi diqqatni ko'p jihatdan amalga oshirish mumkin:
- Har qanday uslubsiz ham diqqatni jamlash uchun semantik belgilardan foydalaning.
- Dizaynda ularni ta'kidlash yoki ta'kidlash uchun shriftlar yoki tasvirlarning hajmini o'zgartiring.
- Vazni ta'minlash uchun kontrast ranglardan foydalaning.
- Hajmlarni hisoblash. Sahifada yoki ekranda katta so'z darhol e'tiborga olinadi.
- Fokus nuqtasini oq bo'shliq bilan o'rab turing.
- E'tibor qaratib, so'z yoki tasvirni takrorlang.
Xizmatga qaerda mos keladi?
Subyektivlik, markazlashtirilgan nuqtani ochish uchun dizayndagi boshqa elementlarni tonlayotganingizda sodir bo'ladi. Bunga misol qora va rangli fotosuratga qarashli yorqin rangli grafika. Xuddi shu effekt fokuslanish nuqtasi ortidagi fon bilan aralashtirilgan ranglar va ranglardan foydalanganingizda paydo bo'ladi, bu sizning e'tiboringizni o'ziga jalb qiladi.