Carbon Zestaw paneli — panele z narożnikami i przyciski

Ten sam pięciopunktowy gradient odblaskowy i ten sam wzór szczotkowanych linii co w neutralnej stalowej rodzinie, na dużo ciemniejszej palecie i z korpusem otwartym w narożniki. To ostatnie zmienia panel w obudowę przyrządu: zamknięte obramowanie czyta się jak okno, cztery narożniki czytają się jak coś przykręconego do deski rozdzielczej. Nity zostają, bo panel kokpitu nieprzymocowany do niczego jest renderem.

Dwa panele nine-slice — ramka okna z narożnikami z narożnikami 10 px i wpuszczana ramka wewnętrzna z narożnikami 8 px — pokrywają niemal każde pole, jakiego potrzebuje menu: dialogi, siatki ekwipunku, tła list, podpowiedzi i panele statystyk. Nie ma żadnego ciągłego obramowania — cztery narożniki wyznaczają granice, a reszta pozostaje otwarta, więc panel oprawia treść, nie zamykając jej w pudełku. Oba rozciągają się czysto do dowolnego rozmiaru, bo narożniki nigdy się nie skalują, a środek to wypełnienie płaskie.

Na panelach siedzi dwanaście ściętych sprite’ów przycisku: domyślny, najechany, wciśnięty i nieaktywny, każdy narysowany trzy razy — standardowy pasek 152×44, kwadratowy kwadratowych przycisk ikonowy oraz kompaktowy przycisk do pasków narzędzi i akcji w wierszu. Trzy rozmiary to osobne pliki, a nie jeden przeskalowany sprite, bo rysunek zależy od rozmiaru: ścięcie policzone przy 44 px jest przeliczane w mniejszych, a nie zmniejszane. Stan wciśnięty obniża lico o dwa piksele i zdejmuje górny rozbłysk zamiast tylko przyciemniać — to właśnie sprawia, że przycisk wydaje się kliknięty, a nie po prostu przemalowany.

Cztery mniejsze elementy pokrywają to, czego menu potrzebuje pomiędzy panelami: dymek z ogonkiem, belka nagłówka opierająca się o górną krawędź panelu, separator sekcji ze znakiem pośrodku i żeton etykiety na liczniki i statusy. Żaden z nich nie jest panelem okna w innym rozmiarze — nine-slice i tak rozciąga się do dowolnej wielkości, więc drugi plik o innej szerokości byłby wypełniaczem, a nie komponentem.

Wszystko dostajesz dwa razy. Źródła SVG to pliki, w których zestaw narysowano — otwórz je, zmień sześć tonów prawie czarny albo pojedynczy akcent ostrzegawczy bursztyn i wyeksportuj ponownie. Eksporty PNG są płaskie, przezroczyste i wstępnie przeskalowane do 1x, 2x i 4x dla silników, które chcą bitmap, bez premultiplikowanej alfy i bez wypalonego cienia poza granicami sprite'a.

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