UI Artist — interfejsy gier — Praca krok po kroku
Wyraźne podświetlenie znika przy kontrolerze
Praca krok po kroku · Lekcja 3 z 6
Stany przycisku i fokus
Zaprojektuj osobno stan podstawowy, wyłączony, aktywny i fokus. Odbierz działanie na docelowym sposobie sterowania. Nie uzależniaj rozpoznania wyłącznie od barwy.
- Co zrobić najpierwNazwij stany
- Co zrobić dalejZaprojektuj wyróżnienie
- Jak zakończyćPrzejdź kolejność
Przykład z pracy
Kontroler wyróżnia przycisk ramką, a opcja niedostępna ma odrębne oznaczenie.
Ćwiczenie praktyczne
Rozpisz stany przycisku i wybór po przejściu w bok.
Wyraźne podświetlenie znika przy kontrolerze
Podejmij decyzję
Wróć do notatki z początku sprawy. Zapisz pierwsze działanie i wyjaśnij, jak pomoże rozwiązać sytuację.
Pokaż przykładową reakcję
Projektuję odrębny fokus, sprawdzam kolejność i odróżniam go od stanu wyłączonego Gracz może przewidzieć reakcję, niezależnie od sposobu sterowania.
- Projektuję odrębny fokus, sprawdzam kolejność i odróżniam go od stanu wyłączonego
- Gracz może przewidzieć reakcję, niezależnie od sposobu sterowania.
- Zmieniam tylko podświetlenie kursora
- Kontroler nadal potrzebuje sygnału aktualnego fokusu.
- Zastępuję wszystkie stany jednym kolorem
- Zacierasz różnicę między wyborem a brakiem dostępności.
Sprawdź się — opcjonalne pytanie
Który stan pokazuje, gdzie zadziała wejście z kontrolera?
- Fokus
- Podświetlenie kursora poza przyciskiem
- Stan wyłączony
Pokaż odpowiedź i wyjaśnienie
Fokus. Fokus opisuje element przyjmujący aktualne wejście.
Praca krok po kroku · Lekcja 4 z 6
Układ przy innych językach
Sprawdź zawijanie, położenie ikon i minimalne odstępy. Uwzględnij rozmiary ekranu i najdłuższe etykiety. Odbieraj działanie na prawdziwych wersjach językowych, gdy są dostępne.
- Co zrobić najpierwWybierz języki
- Co zrobić dalejSprawdź układ
- Jak zakończyćPotwierdź odczyt
Przykład z pracy
Niemiecka etykieta zajmuje dwa wiersze i zasłania ikonę w wąskim układzie.
Ćwiczenie praktyczne
Narysuj wariant zawijania i ustal warunek akceptacji.
Sprawdź się — opcjonalne pytanie
Co pomaga zapobiec ucięciu nazwy?
- Stała szerokość obliczona dla jednego języka
- Elastyczny układ z miejscem na dłuższą etykietę
- Usunięcie fokusu
Pokaż odpowiedź i wyjaśnienie
Elastyczny układ z miejscem na dłuższą etykietę. Tekst może zmieniać rozmiar bez utraty funkcji przycisku.