Warianty designu Warsztatu
Siedem kierunków wizualnych dla tej samej aplikacji, każdy z trzema ekranami z prawdziwymi danymi: Dziś, Plan, Magazyn. Dwa pierwsze według obrazów, które wskazałeś, pięć kolejnych to wierne przeniesienie układów z shotów Dribbble na nasze treści. Pod każdą kartą odnośnik do wzoru.
3Biel i pomarańcz, etapy z paskami
wzór: Recruitment dashboard · Performance Screen (Awe UIUX, Dribbble 27818414)Białe karty na jasnoszarym tle, jeden pomarańczowy akcent, pasek boczny z grupami w kapitalikach, karty etapów z paskami postępu, słupkowy rozkład i tabela z pigułkami stanu.
4Granat i biel, trzy kolumny z agentem
wzór: Plenum · AI Procurement Dashboard Animation (Ilias Miah, Dribbble 27818371)Ciemnogranatowy pas nagłówka z pigułkowym menu i polem „zapytaj agenta”, pod nim trzy białe kolumny: oś planu z czasami, tabela wyników z miniaturami i paskami, panel zatwierdzeń (u nas dowodów).
5Pastele i ciemny pasek ikon
wzór: IVR Call Center & Communication Dashboard (Nixtio, Dribbble 27709197)Okno aplikacji na stalowoniebieskim tle, po lewej wąski ciemny pasek z samymi ikonami, karty statystyk w lawendzie, błękicie i żółci, wykres przepływów, tabela z kolorowymi typami, po prawej panel profilu z „nagraniem”.
6Wskaźnik centralny i karty
wzór: SOC Security Dashboard UI UX Design (Sahin Mia / Pixelean, Dribbble 27817330)Białe okno na rozmytym tle nieba, zakładki w pigułkach na środku, wielki półokrągły wskaźnik z kreskami i czerwoną tarczą, wokół niego „satelity” (u nas gałęzie mapy), u dołu cztery karty, w tym jedna ciemna z automatyzacją.
7Tablet, krem i pomarańcz
wzór: Solar Energy Monitoring Mobile App Dashboard (Cloud 2 Voice, Dribbble 27815754)Ekran tabletu i telefonu: kremowe karty o bardzo dużym promieniu na białym tle urządzenia, pomarańcz jako jedyny kolor, czarne i pomarańczowe segmenty zamiast wykresów, liczby w kroju maszynowym, wąski pasek ikon po prawej.