Blocks Ramki kart

Blocks Ramki kart to zestaw 11 komponenty kart i powiadomień narysowanych w stylu voxel, w którym każda powierzchnia to przednia ściana sześcianu z oświetloną górą i zacienioną prawą ścianą. Zawiera cztery ramki kart według rzadkości, trzy liczniki waluty, plakietkę powiadomienia i trzy wyskakujące banery.

Rzadkość niemal zawsze kodowana jest kolorem obramowania, a to zawodzi dwa razy: znika w skali szarości i rywalizuje z grafiką przedmiotu, która sama jest kolorowa. Ten zestaw koduje rzadkość jako strukturę.

Wytłoczenie jest prawdziwą geometrią, a nie cieniem: kąt światła nigdy się nie zmienia, na blok przypadają dokładnie trzy tony, a przednia ściana jest cofnięta, żeby sześcian mieścił się w granicach własnego sprite'a.

W obrębie tego stylu to jest odczyt Blocks: interfejs w trybie ciemny na palecie chłodny kamień z akcentami sygnałowy pomarańcz, zbudowany wokół ramki o pojedynczym obramowaniu, przycisków o prostych narożnikach w 132x48, pasków ze znacznikami podzielonych na 8 segmentów i ikon pełnych 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.

Każdy stopień dokłada policzalną cechę — pospolity nie ma żadnej, rzadki dokłada dwa narożniki, epicki linię wewnętrzną i cztery narożniki, legendarny pasmo z koroną. Rozróżnisz je w rozmiarze miniatury, na zrzucie ekranu i po odjęciu koloru. Wyskakujące banery ograniczają kolor do paska krawędzi 6px, żeby tekst komunikatu miał ten sam kontrast we wszystkich trzech tonach.

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 Blocks, co oznacza, że ten zestaw i zestaw paneli Blocks pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do gier voxel i klockowych.

Creative Commons Zero 1.0 — Domena publiczna. Bez uznania autorstwa. Pełne warunki · Co to znaczy w praktyce