UI pentru jocuri · Studiu de caz 02 ·
Treasure Picker · Insignă · HUD · Pop-up · Premii ·
Gândit pentru joacă
Studiul de caz
Dosarul 01
Un mini-joc cu timp limitat avea nevoie de o interfață completă: ceva care să invite jucătorii, să-i țină în joc și să-i răsplătească. Trei părți, un singur stil, toate ușor de citit pe telefon dintr-o privire.
Client
SuperPlay, dezvoltatorul Dice Dreams
Proiect
Treasure Picker, o vânătoare de comori cu timp limitat în Dice Dreams
Ce am făcut
Insigna evenimentului, HUD-ul din joc, bannerul cu marele premiu, pop-up-ul de recompensă
Format
Mobil, vertical, 1080 × 1920
Unealtă
Adobe Illustrator, fiecare piesă desenată vectorial
Livrat
Trei ecrane, cinci piese separate și un fișier sursă pentru fiecare parte
Versiuni
Două versiuni complete, în două stiluri diferite
Procesul
Tema a venit în trei părți. Fiecare are un singur rol și fiecare îl predă pe jucător următoarei.
01
Intrarea în joc. Un logotip masiv TREASURE PICKER cu o lopată aurie și, dedesubt, o panglică cu numărătoare inversă în timp real. Jucătorii văd imediat că a început un eveniment și că nu va dura mult.
Rezultat: insigna evenimentului, cu cronometru
02
Odată ce începe vânătoarea, interfața se dă la o parte. Sus, o bară de progres merge de la o monedă până la cufărul cu comori, jos stă contorul de încercări, iar mijlocul ecranului rămâne liber pentru joc.
Rezultat: bara de progres și contorul de încercări
03
Un banner deasupra scenei arată miza: un cufăr deschis plin cu aur și recompensa exactă, 999 de monede, 999 de aruncări de zar și 999 de abțibilduri. Un obiectiv clar îi ține pe jucători în joc.
Rezultat: bannerul cu marele premiu
04
Când se termină vânătoarea, pop-up-ul sărbătorește întâi cu un AWESOME! uriaș, apoi arată scorul și premiile și încheie cu GREAT JOB!. Este cel mai zgomotos moment al jocului, intenționat.
Rezultat: pop-up-ul de recompensă
05
Fiecare piesă a fost exportată ca fișier transparent separat, cu sursa Illustrator alături. O planșă de ansamblu adună toate piesele pe un singur ecran, doar pentru verificare, nu ca layout în joc.
Rezultat: fișiere gata pentru programatori
Pe ecran
Insignă, vânătoare, recompensă: ordinea în care jucătorul întâlnește interfața. Deschide orice ecran ca să vezi toate fișierele.
01
Insignă
Invitația, cu numărătoarea inversă pornită.
02
HUD
Vânătoarea: progresul sus, încercările jos.
03
Pop-up
Recompensa: scor, premii și aplauze.
Kitul
Fiecare piesă e un fișier separat, așa că jocul o poate muta, anima sau refolosi oriunde.
Regulile
Regula 01
Contururile albe groase, panourile mov închis și cifrele mari și rotunjite rămân clare peste o scenă aurie încărcată, chiar și pe un telefon mic.
Apare în: fiecare piesă
Regula 02
HUD-ul rămâne subțire și discret cât timp jucătorii caută. Momentele de recompensă primesc cele mai mari litere și cele mai vii culori.
Apare în: insignă și pop-up
Regula 03
Același mov, același auriu, același contur și aceeași tipografie groasă, așa că cinci fișiere separate se citesc ca o singură interfață.
Apare în: tot kitul
Cazul în cifre
3
ecrane create
5
piese UI separate
2
versiuni complete în două stiluri
100%
vectorial, clar la orice dimensiune
Înainte să întrebi
Airwalk a lucrat cu SuperPlay, dezvoltatorul jocului mobil Dice Dreams, la această temă de design UI. Designul prezentat pe această pagină este al Airwalk.
Da. Airwalk creează interfețe pentru jocuri, ecrane de aplicații și kituri UI, livrate ca fișiere separate și curate, pe care programatorii tăi le pot folosi imediat.
Figma pentru aplicații și site-uri, Illustrator și Photoshop pentru grafica jocurilor și piesele de interfață, After Effects când interfața trebuie să se miște.
Da. Fiecare piesă vine ca fișier exportat separat, împreună cu fișierul sursă în care a fost creată.
Da. Această temă a fost livrată în două versiuni complete, în două stiluri diferite, tocmai ca să arate asta.
Mai mult UI/UX
Spune-ne de ce ai nevoie. Un brief scurt e suficient ca să începem.
Începe un proiect