Paczki interfejsu
Voidrunner Zestaw ramek HUD
12 ramki HUD (cyberpunk) do interfejsów w trybie ciemny — głęboki fiolet, akcent toksyczna mięta. SVG i przezroczysty PNG w 1x/2x/4x.

O tej paczce
Voidrunner Zestaw ramek HUD to zestaw 12 ramki HUD narysowanych w stylu cyberpunk, w którym każda ramka ma własny asymetryczny kontur — nacięcie na jednym narożniku, szynę wzdłuż jednej krawędzi. Zawiera ramkę panelu głównego, ramkę odczytu danych, ramkę konsoli, ramkę terminala, baner alarmowy, szeroki pasek stanu, wysoką kolumnę boczną, kwadratową ramkę portretu, etykietę i kompaktową plakietkę.
Większość darmowych zestawów HUD to jeden prostokąt w dwunastu rozmiarach. To właśnie zdradza: prawdziwa grafika interfejsu daje każdej ramce własny kontur, bo odczyt danych, portret i baner alarmowy nie mają tego samego zadania i nie powinny mieć tego samego kształtu. Zestaw, w którym jedyną różnicą jest szerokość, czyta się jak wypełniacz, gdy tylko postawisz dwa obok siebie na ekranie.
Sylwetka jest komponowana, a nie skalowana: każdy z czterech narożników i każda z czterech krawędzi ma własne potraktowanie, więc żadne dwie ramki w zestawie nie dzielą konturu. Neonowa poświata to stos kresek o malejącym kryciu, a nie filtr rozmycia — filtry bywają inaczej stosowane przez rasteryzatory SVG i zamieniają aureolę w smugę przy 4x.
W obrębie tego stylu to jest odczyt Voidrunner: interfejs w trybie ciemny na palecie głęboki fiolet z akcentami toksyczna mięta, zbudowany wokół ramki o pojedynczym obramowaniu, przycisków fazowanych w 168x40, pasków o pustym wnętrzu podzielonych na 14 segmentów i ikon dwutonowych 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żda ramka tutaj ma własną sylwetkę — cztery narożniki i cztery krawędzie potraktowano niezależnie, więc jedna ramka ma nacięty prawy górny róg i szynę z boku, a następna podwinięte narożniki i „V" na obu długich krawędziach. Żadna nie jest przeskalowaną kopią innej. Nałożone znaki (bloki kreskowania, rzędy podziałek, paski kodu kreskowego, szewrony) siedzą wyłącznie na krawędziach: środek zostaje pusty, bo tam trafia twoja mapa, portret albo tekst.
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 Voidrunner, co oznacza, że ten zestaw i zestaw paneli Voidrunner pasują do siebie bez skalowania któregokolwiek. Dobrze pasuje do interfejsów cyberpunk, science fiction i bliskiej przyszłości.
Pobieranie
Bezpośredni link · bez rejestracji · bez strony oczekiwaniaKomplet — źródła SVG, eksporty PNG w 1x/2x/4x, licencja i readme
Jak używać
- Stosuj nine-slice tylko na prostych obszarach. Każda ramka podaje swoje bezpieczne marginesy w karcie, a boki, których środek niesie nacięcie lub „V", są oznaczone jako nierozciągliwe — rozciągnij je, a znak urośnie razem z ramką.
- Rysuj swoją treść wewnątrz ramki, nie na niej: każda sylwetka celowo zostawia środek pusty i żaden z nałożonych znaków tam nie sięga.
- Poświata jest narysowana jako spiętrzone kreski, a nie filtr rozmycia, więc PNG 4x pozostaje ostry. Jeśli chcesz mocniejszy bloom, dodaj go w silniku na wierzchu zamiast skalować sprite'a.
Licencja
Creative Commons Uznanie autorstwa 4.0 — Za darmo do użytku komercyjnego. Uznanie autorstwa obowiązkowe. Pełne warunki · Co to znaczy w praktyce
"Voidrunner Zestaw ramek HUD" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/voidrunner-hud-frame-set


