Byte Interface de loja

Byte Interface de loja é um conjunto de 12 elementos de loja e economia desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém quatro estados de linha de compra, uma aba de categoria ativa e outra ociosa, uma faixa de carteira, um seletor de quantidade, uma faixa de confirmação de compra e três indicadores de estoque contáveis.

Uma tela de loja tem uma tarefa que uma tela de inventário nunca tem: dizer o que não dá para pagar antes de o botão ser apertado. A maioria dos conjuntos gratuitos resolve deixando o preço vermelho, o que falha para quem não lê esse vermelho e falha de novo numa captura em escala de cinza. Além disso, colide com a cor de vida que todo o resto da interface já usa.

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.

Os quatro estados de linha se distinguem pela estrutura e não pela cor. A linha acessível leva uma faixa contínua na borda esquerda, a inacessível leva uma faixa tracejada e uma barra riscando o campo de preço, e a já comprada fecha esse campo e marca o canto superior direito. Assim o estado sobrevive a um tingimento, a um filtro de daltonismo e a uma captura sem saturação. O indicador de estoque é contável pelo mesmo motivo: cinco pontos, um ponto e nenhum se leem como cheio, baixo e esgotado, sem uma única palavra nem um único tom.

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.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática