AXV

UI va UX ning O'yindagi Roli

Interfeys tiplari, HUD arxitekturasi va virtual immersiya

9-sinfGame Design1-hafta ยท 3-dars
01

UI va UX Konsepsiyasi

O'yin qanday ko'rinadi va o'yinchi nimalarni his qiladi?

UI va UX nima?

UI: User Interface

O'yinchi ekranda ko'radigan barcha vizual elementlar to'plami.

Tugmalar, shriftlar, sog'lik paneli, inventar va menyular.

UX: User Experience

O'yinchi o'yin bilan muloqotda his qiladigan umumiy tajriba va qulaylik.

Boshqaruvning silliqligi, tushunarlilik va emotsional qoniqish.

UI va UX Birgalikda Qanday Ishlaydi?

UX Tadqiqot O'yinchi qulayligi Harakatlar sxemasi Wireframe UI Dizayn Ranglar va piktogrammalar Tugmalar animatsiyasi Vizual uslub va estetika Mukammal O'yin Tajribasi
02

4 Ta Asosiy Interfeys Tipi

Diyegetik, Nodiyegetik, Fazoviy va Meta-interfeyslar

Interfeys Tiplari Matritsasi

1. Diyegetik (Diegetic) O'yin olami ichida: personaj ham ko'radi Skafandr chirog'i, qo'l soati, smartfon 2. Nodiyegetik (Non-Diegetic) Faqat o'yinchi ekrani ustida chizilgan Burchakdagi Health bar, ochkolar, taymer 3. Fazoviy (Spatial) 3D fazodagi obyektga bog'langan belgilar Dushman boshi ustidagi ism, nishon 4. Meta-interfeys Qahramon holatini bildiruvchi ekran effekti Ekran qizarishi, qon sachrashi, muzlash

Diyegetik va Nodiyegetik

Diyegetik: To'liq Immersiya

Dead Space'da salomatlik qahramon skafandrida, o'qlar esa qurol ekranida ko'rsatiladi.

O'yinchi o'zini xuddi bosh qahramon kabi his qiladi.

Nodiyegetik: Aniq va Tezkor

Kiberjanglarda (CS, Valorant) sekundlar muhim. Axborot ekranning chetiga raqamlarda chiqariladi.

Tez o'qilishi va hech qachon to'silmasligi bilan ustun.

Fazoviy va Meta-interfeyslar

Fazoviy (Spatial UI)

Dushman qahramoni ustida uning darajasi, ismi va masofasi 3D fazoda ko'rinadi.

MMORPG va poyga o'yinlarida yo'naltiruvchi 3D strelkalar.

Meta-interfeys

Zarba tekkan paytda ekranning qon bilan qoplanishi yoki sovuqdan muzlashi.

O'yinchida jismoniy xavf hissini uyg'otadi.

Interfeys loyihalash bosqichlari

1

UX Ehtiyojlar Tahlili

O'yinchi jang paytida, tinch holatda qanday axborotga muhtoj bo'lishini aniqlash.

2

Wireframe Chizish

Ranglarsiz, faqat qora-oq bloklar bilan tugmalar va panellar joylashuvini sinash.

3

UI Grafikasini Yaratish

O'yin atmosferasiga mos ranglar, hoshiyalar, animatsiyalar va shriftlarni kiritish.

4

Playtesting va Silliqlash

O'yinchilar qaysi tugmani topishga qiynalayotganini tekshirib, xatolarni bartaraf etish.

03

HUD (Heads-Up Display) Arxitekturasi

Ekranni ortiqcha yuklamasdan eng muhim axborotni taqdim etish

HUD nima va nega kerak?

Aviatsiyadan O'yinlarga

Qiruvchi samolyot uchuvchisi boshini pastga egmasdan oynada ma'lumotlarni ko'rgani kabi.

O'yinchi o'yin maydonidan ko'z uzmasdan vaziyatni nazorat qiladi.

HUD Asosiy Tarkibi

Salomatlik (Health Bar), Mini-xarita, o'q-dorilar hisoblagichi va faol vazifalar paneli.

O'yin ritmini belgilovchi doimiy ko'rsatkichlar.

Ekrandagi HUD Ergonomikasi

Health / Mana Mini-Map (Xarita) TOZA O'YIN MAYDONI (75%) Hech qanday to'siq bo'lmasin Boshqaruv Joystigi Qurol / Ammo / Hujum

Kontekstli (Dinamik) HUD

Avtomatik Yashirinish

Qahramon shahar bo'ylab shunchaki sayr qilganda ekrandagi barcha qurol va sog'lik panellari yo'qoladi.

Ekran 100% toza bo'lib, go'zal manzarani to'liq namoyish etadi.

Faqat Kerak Bo'lganda

Jang boshlanishi yoki o'q uzilishi bilan kerakli indikator darhol paydo bo'ladi.

Zamonaviy AAA o'yinlarning (God of War, RDR2) sevimli usuli.

To'lib ketgan HUD vs Toza HUD

Ekranni To'ldirib Yuborish

Hamma joyda raqamlar, datchiklar, soatlar va chaqiruvlar.

O'yinchi o'yin dunyosini ko'rmaydi, vizual charchoq paydo bo'ladi.

Muvozanatli Aqlli HUD

Faqat eng zarur ma'lumotlar, nozik shaffof panellar va yuqori kontrast.

O'yinchi virtual olamdan to'liq zavq oladi va hamma narsa nazoratda!

04

Qayta Aloqa (Feedback & Juice)

Harakatga zudlik bilan javob qaytarish san'ati

Feedback (Qayta Aloqa) Zanjiri

O'yinchi Bosishi [ Zarba Tugmasi ] Zarba 3 Qatlamli Reaksiya Vizual: oq chaqnash Audio: zarba ovozi Kinetik: tebranish (Rumble) Qoniqish "Game Feel"

Bilimingizni sinang

Qaysi interfeys turini ham o'yinchi, ham o'yin ichidagi bosh qahramon birdek ko'ra oladi?
Nodiyegetik interfeys
Diyegetik interfeys
Meta-interfeys
Fazoviy interfeys

Amaliy topshiriqlar

Oson

O'zingiz o'ynagan o'yindagi bitta diyegetik va bitta nodiyegetik elementni yozing.

O'rta

O'yin qahramoni suv ostiga tushganda nafas yetishmasligini bildiruvchi 2 ta meta-effekt taklif qiling.

Qiyin

Mobil telefon uchun minimalist va o'yinchini chalg'itmaydigan o'yin HUD xaritasini chizing.

Dars xulosasi

Bugun Nimalarni Bildik?

UI (ko'rinish) va UX (tajriba va qulaylik) uyg'unligi.

4 ta interfeys tipi: Diyegetik, Nodiyegetik, Fazoviy, Meta.

HUD ergonomikasi va o'yindagi qayta aloqa (Feedback).

Uyga Vazifa

O'z o'yiningizdagi HUD elementlarini tahlil qilish va 4 tipga ajratish.

Keyingi dars: O'yin ssenariysi va Photoshop bilan 2D grafika!