10-amaliy mashg`ulot vizual dizayn. Vizual dizaynni qo'llash. Ishning maqsadi

Non bo'laklari (Хлебные крошки, Breadcrumbs)

Non bo`laklari (navigatsiya zanjiri, inglizcha breadcrumbs) bu saytning navigatsiya elementi bo'lib, u saytning ildizidan foydalanuvchi hozirda mavjud bo'lgan sahifaga yo'lni anglatadi. Non bo`laklari odatda sahifaning yuqori qismida, odatda sayt sarlavhasi ostida satr shaklida ko'rinadi.

Tugma (Button)

Tugmalar foydalanuvchiga saytdagi shakllar bilan o'zaro aloqada bo'lish imkoniyatini beradi.

Karta (Card)

Kartalar hozirda UI / UX orasida juda mashhur. Kartalar - bu to'rtburchaklar yoki to'rtburchaklar shaklidagi kichik modullar bo'lib, ular turli xil ma'lumotlarni o'z ichiga oladi - tugma, matn, multimedia va hk. Mavjud maydondan oqilona foydalanishni va an'anaviy ro'yxat bo'ylab o'tmasdan foydalanuvchiga tarkib uchun bir nechta variantni taqdim etishni istaganingizda kartalar - bu interfeys dizayni uchun ajoyib tanlovdir.

Karusel (Carousel)

Karusellar foydalanuvchilarga rasmlar kabi kontent to'plamlarini, ko'pincha ko'proq tarkib yoki manbalarga havolalarni ko'rishga imkon beradi. UI dizaynida karusellardan foydalanishning eng katta foydasi shundaki, ular bir nechta tarkibni sahifada yoki ekranda bir xil maydonni egallashiga imkon beradi.

Checkbox

Menimcha, bu holda sharh kerak emas. Belgilash katakchasi(Checkbox) - bu elementni hisobga olishni yoki olmaslikni tanlashga imkon beruvchi bayroq

(masalan, mahsulot parametrlarini tanlashda) hisoblanadi.


Izoh (Comment)


Dropdown (Ochiladigan ro'yxat)


Lenta (Feed)

Facebook, Twitter va boshqa shu kabi ijtimoiy tarmoqlarni lentasiz tasavvur qilish qiyin. Lenta tarkibi oddiy matndan tortib rasm va videogacha bo`lishi mumkin.

Forma (Form)


Belgilar (Icon)