Slate Tabela wyników

Slate Tabela wyników to zestaw 12 elementów tabeli wyników i osiągnięć narysowanych w stylu realistyczny, w którym pięciopunktowy gradient odblaskowy spływa po licu ze szczotkowanego metalu z nitami w narożnikach. Zawiera trzy wiersze miejsc i wiersz zwykły, wyróżniony wiersz gracza, podium na trzy miejsca, zablokowaną i odblokowaną tabliczkę osiągnięcia, pasek postępu osiągnięcia, dwa pasy rzadkości oraz półkę na osiągnięcia.

Złoto, srebro i brąz to oczywisty sposób narysowania pierwszej trójki i zarazem jedyna paleta, nad którą gra nie panuje: gdy tylko akcent interfejsu jest ciepły, złoty wiersz przestaje czytać się jako pierwsze miejsce, a zaczyna jako zaznaczony. A wiersz, którego gracz naprawdę szuka, to jego własny — i tego nigdy nie ma w pierwszej trójce.

Tekstura pędzla to wzór linii 3px, a nie prawdziwy szum: szum potraja wagę PNG dla tekstury, której nikt nie widzi przy 1x. Cień jest warstwowy, a nie rozmyty, żeby wytrzymał przy 4x.

W obrębie tego stylu to jest odczyt Slate: interfejs w trybie ciemny na palecie neutralny łupek z akcentami ciepłe złoto, zbudowany wokół ramki o pojedynczym obramowaniu, przycisków o prostych narożnikach w 128x40, pasków pasmowych podzielonych na 10 segmentów i ikon konturowych na siatce 24px. To właśnie te wymiary tłumaczą, dlaczego dwie rodziny mogą dzielić styl graficzny, nie będąc wymienne: styl decyduje, jak rysuje się krawędź, a liczby decydują, do czego interfejs służy.

Miejsce niesie szerokość bloku rangi po lewej, malejąca od pierwszego do trzeciego; kolejność podium czyta się więc zanim padnie jakakolwiek liczba i pozostaje czytelna w każdym kolorze rodziny. Wiersz gracza jest znowu inny: to jedyny wiersz z pełnym konturem, i właśnie to pozwala znaleźć go przewijaniem, a nie czytaniem. Tabliczki osiągnięć blokują się i odblokowują strukturą — zablokowana zachowuje ramkę i opróżnia pole, więc półka osiągnięć ma kształt jeszcze zanim zdobędzie się choć jedno.

Każdy sprite dostajesz jako edytowalny SVG i jako przezroczysty PNG w 1x, 2x i 4x, więc możesz wrzucić PNG prosto do silnika albo otworzyć wektor i zmienić kolor. Narysowany w tych samych wymiarach co reszta rodziny Slate, co oznacza, że ten zestaw i zestaw paneli Slate pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do interfejsów realistyczny i symulacyjnych.

Creative Commons Uznanie autorstwa 4.0 — Za darmo do użytku komercyjnego. Uznanie autorstwa obowiązkowe. Pełne warunki · Co to znaczy w praktyce