Techniczne zadanie:
1. Ogólny koncept - stworzyć szablon dla PWA-designu w Photoshopie, gdzie:
- Tło: proste, nasycone, ale utrzymane w kolorystyce gry
- Na tle umieszczony jest zarys telefonu, który zajmuje centralną część obrazu
- Górna część obrazu pozostawiona dla tekstu (główny blok tekstu (tytuł) i opis)
2. Główne wymagania
2.1. Rozmieszczenie elementów:
- Tło: Statyczne, można zmieniać kolor w palecie gry.
- Zarys telefonu:
- Obraz telefonu powinien być umieszczony na środku, zajmować większą część ekranu.
- Zawartość ekranu telefonu ma łatwo się zmieniać (gra lub inne zdjęcie).
- Dodaj obszar dla dwóch bloków tekstowych:
- Główny blok tekstu : “Jak znaleźć grę na stronie kasyna”
- Opis: “Graj teraz i wygrywaj!”
- Czcionka powinna być czytelna i dostosowana do różnych rozmiarów tekstu.
2.2. Elastyczność szablonu:
- Możliwość łatwej zmiany: tekst, kolor tła, obraz na ekranie telefonu
- Szablon powinien być warstwowy (dla wygody wymiany elementów).
3. Format pliku
- PSD (Photoshop)
- Warstwy mają być wyraźnie podpisane: Tło, Zarys telefonu, Zawartość gry, Blok tekstowy 1 (Główny blok tekstu), Blok tekstowy 2 (Opis)
4. Przykłady i referencje (w załączniku)
- Użyć drugiej aplikacji (Magnus Trainer 2) jako głównej referencji dla tła i rozmieszczenia telefonu:
- Proste tło
- Duży zarys telefonu na środku
- Tekst na górze z wezwaniem do działania
W pierwszym załączonym pliku zaznaczyłem cyframi:
1 - Główny blok tekstu
2 - Opis
W drugim załączonym pliku zrzuty ekranu, które należy wykorzystać teraz wewnątrz (gdzie obrazek ma być w telefonie)
Podsumowując, potrzebne jest na wyjściu:
- Szablon PSD ze wszystkimi podanymi kryteriami powyżej
- Za podstawę wziąć referencję z załączonych zrzutów ekranu (najlepiej Magnus Trainer 2)
- I w niego wstawić zrzuty ekranu z 2go załączonego pliku
