Packs de interface
Byte Interface de grupo
13 elementos de grupo e escalação (pixel art) para interfaces em modo claro — osso frio, acento azul-petróleo de sinal. SVG e PNG transparente em 1x/2x/4x.

Sobre este pack
Byte Interface de grupo é um conjunto de 13 elementos de grupo e escalação desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém seis estados de carta de membro, um espaço de escalação vazio, outro ocupado e outro bloqueado, uma grade de formação de três fileiras, uma faixa de ordem de turno, uma linha de convite e um par de setas de troca.
Um HUD desenha um personagem. Uma tela de grupo desenha quatro de uma vez, e esse é outro problema: com quatro cartas lado a lado, de quem é o turno, quem lidera e quem está caído precisam ser lidos no mesmo olhar, enquanto a cor que normalmente carregaria isso já está reservada aos próprios personagens.
O contorno avança em degraus de 4px e o sombreamento é um dithering de Bayer em vez de um degradê, então o conjunto sobrevive a uma escala por fator inteiro — o único jeito de escalar pixel art sem virar mingau.
Dentro desse estilo, esta é a leitura Byte: uma interface em modo claro sobre uma paleta osso frio com acentos azul-petróleo de sinal, construída em torno de uma moldura de borda única, botões em cápsula totalmente arredondados de 112x36, barras em faixas divididas em 10 segmentos e ícones com contorno numa grade de 24px. São essas medidas que explicam por que duas famílias podem compartilhar um estilo artístico sem serem intercambiáveis: o estilo decide como se traça uma borda, os números decidem para que serve a interface.
Cada estado de grupo é uma marca num lugar diferente da carta, então dois estados podem valer ao mesmo tempo sem que nenhum se perca: líder é uma cunha no canto superior esquerdo, turno ativo é uma barra na borda esquerda, pronto é uma cunha no canto inferior direito, alvo é um colchete em volta da carta inteira e caído é um hachurado atravessado. Nenhum encosta no nicho do retrato, porque o retrato pertence à sua arte e não ao kit. A grade de formação marca a fileira da frente com o acento, para que uma tela de posicionamento se leia sem legenda.
Cada sprite vem como SVG editável e como PNG transparente em 1x, 2x e 4x, então você pode jogar os PNGs direto num motor ou abrir o vetor e mudar uma cor. Desenhado com as mesmas medidas do resto da família Byte, o que significa que este kit e o kit de painéis Byte se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos em pixel art.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme
Como usar
- Reserve o nicho do retrato para a sua própria arte de personagem; toda marca de estado fica do lado de fora, então nada cobre um rosto.
- Combine as marcas de estado em vez de escolher entre elas. Um líder que também está caído leva as duas, e elas foram desenhadas para não se sobrepor.
- Controle a faixa de ordem de turno pelo índice, não pela cor; o ponto ativo é desenhado maior, e é isso que o torna contável de longe.
- A carta de membro e o espaço de escalação compartilham a altura com o kit de painéis desta família, então uma tela de grupo se monta com os dois sem redimensionar nada.
Licença
Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática
"Byte Interface de grupo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-party-ui


