O'yin Menyulari Dizayni

UI dizayn: tugmalar, menyular, HUD (2-qism) — bosh menyu, sozlamalar, pauza

9-sinfGame Design5-hafta · 15-dars

Takrorlash

Pressed holatini qaysi belgilar bilan ko'rsatamiz?

Ochroq rang va glow — Hover; kulrang — Disabled.

Menyu nima?

Interfeysning tashkiliy va navigatsion qismi

Ta'rif

Menyu — foydalanuvchi o'yin imkoniyatlari orasida tanlov qiladigan tuzilma. U o'yinchi uchun boshqaruv tizimini ta'minlaydi.

Main Menu

O'yinni boshlash, Sozlamalar, Chiqish.

Settings Menu

Tovush, grafika, boshqaruv variantlari.

Pause Menu

O'yin jarayonida pauza va davom ettirish.

Menyular xaritasi

Mini-test

«Grafika sifati» bandi qaysi menyuda bo'ladi?

Sozlamalar menyusida tovush, grafika va boshqaruv variantlari bo'ladi.

Joylashuv va uslub

Vertikal, gorizontal, ikonka + matn

Vertikal va gorizontal

Ikonka va matn uyg'unligi

Bitta uslub

11-dars to'plamidan: bir xil kontur va palitra.

Joylashuv

Ikonka matndan chapda, vertikal markazda.

Teng oraliq

Ikonka–matn masofasi barcha tugmalarda bir xil.

Tanish belgilar

Tishli g'ildirak — sozlamalar, uy — bosh menyu.

Rang va effektlar

Fon · sokin

START · eng yorqin

Sozlamalar · neytral

Chiqish · qizil

Effektlar me'yorida: Drop Shadow, Outer Glow, gradient — 2–3 ta.

Bosh menyu: Photoshop

Uslubiy ko'rsatma, 1.88–1.106-rasmlar

Tugmalarni ko'paytirish

1. Belgilash

Shakl va matn qatlamini Shift bilan birga tanlang.

2. Dublikat

Move Tool (V), Shift + Alt bosib pastga suring.

3. Matn

Ikki marta bosib «Sozlamalar» deb yozing, o'lchamni kichraytiring.

4. Chiqish

Yana dublikat: «Chiqish», rangi qizil.

5. Tekislash

Vertikal, bir xil masofada.

Qatlamlar


START          (shakl + matn)
Sozlamalar     (shakl + matn)
Chiqish        (shakl + matn, qizil)

Qatlamlar


Main Menu (Group, Ctrl+G)
  MENU         sarlavha: START matni Ctrl+J, kattaroq
  START        (shakl + matn)
  Sozlamalar   (shakl + matn)
  Chiqish      (shakl + matn, qizil)
bezak_doira x2 Ellipse Tool + Shift, Alt bilan nusxa
Solid Color    fon — eng pastda

Tayyor bosh menyu

Eksport

JPG

Hajm kichik — menyuni taqdimot, ko'rsatma yoki baholash uchun namoyish qilish.

PNG

Shaffof fon — o'yin ichidagi alohida tugma va panellar uchun.

File → Export → Export As… → format → Export.

Pauza va sozlamalar

O'yin ichidagi menyular

Pauza menyusi

Pastga bosing: sozlamalar ekrani

Sozlamalar ekrani

Tovush

Musiqa va Effektlar slayderlari.

Grafika

Sifat: Past / O'rta / Yuqori, to'liq ekran.

Boshqaruv

Tugmalar sxemasi, sezgirlik.

Pastda: «Ortga» (Secondary) va «Saqlash» (Primary).

Mini-test

Pauza menyusida orqa fon qanday bo'lgani ma'qul?

O'yinchi qayerda to'xtaganini ko'radi, menyu esa oldinda aniq ajralib turadi.

Amaliy topshiriqlar 40 daqiqa

Oson6 ta tugmani menyu turlariga ajrating.

OsonSTART, Sozlamalar, Chiqish — vertikal menyu.

O'rtaSolid Color fon, MENU sarlavhasi, bezaklar, guruh, PNG.

QiyinPauza menyusi: xira sahna, panel, 3 tugma ikonka bilan.

Dars xulosasi

3 tur

Main, Settings, Pause.

Joylashuv

Vertikal — menyular, gorizontal — tablar.

Photoshop

Dublikat, Solid Color, Ctrl+G, Export As.

Keyingi hafta: HUD

Ekran usti interfeysi: sog'liq paneli, ballar, mini-xarita

6-hafta · 16-dars