Interfejs użytkownika sekwencera muzycznego Pixel Monster

Cel: Stwórz pionowy interfejs sekwencera muzycznego w pikselowej grafice sci-fi, pokazujący cztery urocze ścieżki audio potworów, jak retroowy pulpit syntezatora gry.

Canvas: Wysoki, portretowy ekran mobilny, styl 720×1200, ciemnoniebieskie tło z świecącymi, zaokrąglonymi prostokątnymi panelami i wyraźnymi krawędziami pikselowej grafiki. Użyj ograniczonej palety neonowej z akcentami cyjanowym, miętowym, czerwonym, fioletowym i żółtym. Wszystko powinno wyglądać jak pikselowa grafika w wysokiej rozdzielczości, z subtelną teksturą linii skanowania/dyfuzji i bez fotorealizmu.

Makiet: Na samej górze stwórz jeden szeroki, zaokrąglony pasek nagłówka. Wewnątrz umieść dokładnie 6 oddzielnych elementów sterujących/odczytu: 1 małą ikonę kosmity/robota po lewej stronie, 1 kropkowany wskaźnik equalizera obok niej, 3 kwadratowe przyciski transportowe w środku pokazujące ikony stop, play i record oraz 1 kropkowany wskaźnik menu/siatki po prawej stronie.

Główny obszar ścieżek: Ułóż dokładnie 4 poziome, zaokrąglone panele ścieżek, każdy z numerem ścieżki po lewej stronie i pionowym miernikiem poziomu, postacią potwora po lewej stronie, okrągłym kropkowanym elementem sterującym pośrodku i dużym pokrętłem po prawej stronie.

Ścieżka 1: Oznacz numer „1”. Motyw miętowy/turkusowy. Stwór to śpiący, krępy, okrągły potwór z małymi rogami/kolcami, zamkniętymi oczami, leżący, z oznaczeniami „Z Z” symbolizującymi sen nad nim. Środkowy element sterujący to kropkowane okrągłe pierścienie z małą kropką w środku. Pokrętło po prawej ma bladożółty łuk i jeden miętowy wskaźnik w pobliżu góry.

Ścieżka 2: Oznacz numer „2”. Motyw czerwony. Stwór to czerwony potwór z jednym okiem, stojący agresywnie, z otwartymi ustami z zębami, jedną ręką uniesioną i rzucający pękającą, magiczną czerwoną kulę nad swoją ręką. Środkowy element sterujący to czerwone kropkowane pierścienie z solidną czerwoną kropką w środku. Pokrętło po prawej ma czerwony łuk i jeden czerwony wskaźnik.

Ścieżka 3: Oznacz numer „3”. Motyw cyjanowy. Stwór to niebieski potwór z jednym okiem, tańczący, noszący słuchawki, uśmiechający się z zębami, z uniesionymi ramionami, z dokładnie 2 pływającymi nutami muzycznymi w pobliżu jego głowy. Środkowy element sterujący to cyjanowe kropkowane koło zawierające trójkąt odtwarzania. Pokrętło po prawej ma cyjanowy łuk i jeden cyjanowy wskaźnik.

Ścieżka 4: Oznacz numer „4”. Motyw fioletowy. Stwór to energetyczny fioletowy potwór z wieloma duplikowanymi, przezroczystymi obrazami za nim, dużymi oczami, machającymi ramionami, małymi iskierkami wokół niego. Środkowy element sterujący to fioletowe kropkowane koło zawierające trójkąt odtwarzania. Pokrętło po prawej ma fioletowy łuk i jeden fioletowy wskaźnik plus mały trójkątny znacznik na górze.

Dolna sekcja miksera: Stwórz jeden szeroki, zaokrąglony dolny panel. Po lewej stronie umieść dokładnie 1 kwadratowy kafelek z okładką albumu z świecącą się miętową obwódką, pokazujący pływającą, pokrytą mchem planetę lub asteroidę z małymi orbitującymi skałami i drobnymi gwiazdami. Po prawej stronie okładki albumu, ułóż dokładnie 5 kwadratowych przycisków efektów w jednym rzędzie: 1 fioletowa ikona koncentrycznych okręgów/radaru, 1 cyjanowa ikona pionowej fali/widma, 1 zielona ikona pikselowego wybuchu, 1 żółta ikona fali audio i 1 żółta ikona planet z pierścieniami. Poniżej tych przycisków dodaj dokładnie 2 poziome mierniki audio: lewy miernik ma ikonę mikrofonu, a następnie pionowe paski od zielonego do żółtego, a prawy miernik ma ikonę głośnika, a następnie pionowe paski od zielonego do żółtego, oddzielone cienką pionową linią podziału.

Treść tekstowa: Dołącz tylko widoczne numery ścieżek „1”, „2”, „3” i „4”; nie dodawaj czytelnych etykiet ani słów poza dwoma oznaczeniami snu „Z”. Użyj abstrakcyjnych ikon pikselowych zamiast szczegółowej typografii.

Ograniczenia stylu: Retroowy interfejs użytkownika w pikselowej grafice 16-bitowej, ciemna futurystyczna konsola syntezatora, świecące obrysy, zaokrąglone panele, czysta symetria, wysoki kontrast, zabawne postacie potworów, brak znaku wodnego, brak realistycznego renderowania 3D. Uczyń główną paletę kolorów akcentów konfigurowalną: {argument name="primary neon color" default="mint cyan"}, {argument name="danger track color" default="hot red"}, {argument name="party track color" default="purple"}, {argument name="background color" default="deep navy"}, {argument name="interface theme" default="retro monster music sequencer"}.