Byte Interface de tutorial

Byte Interface de tutorial é um conjunto de 12 marcas de tutorial e introdução desenhados no estilo pixel art, em que cada canto é uma escada de pixels inteiros e nada tem antialiasing. Contém quatro balões com a ponta em cada direção, um anel de destaque contínuo e outro tracejado, um quadro de destaque com cantoneiras, dois estados do indicador de passos, uma marca de toque, um rastro de arraste e uma faixa para pular.

Todos os outros kits deste catálogo cobrem parte da tela. Este aponta para ela, e isso inverte as regras: um destaque que preenche o próprio centro esconde aquilo que destaca, e um balão que só aponta numa direção é inútil em três das quatro bordas da tela.

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.

O balão vem com a ponta em cada um dos quatro lados como sprites separados, e não como um balão para girar, porque girar joga o sombreado para o lado errado e um balão de tutorial é usado nas quatro bordas da tela na mesma sessão. O anel e o quadro de destaque são vazados, só contorno e sem preenchimento, para que o que está embaixo continue totalmente visível — que é justamente o objetivo. Os pontos de passo são contáveis, então dá para ver quanto falta de tutorial, e essa é a única coisa que faz alguém continuar apertando avançar.

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