Packs de interface
Aqua Kit de diálogos
7 componentes de diálogo (cartoon) para interfaces em modo escuro — azul-petróleo profundo, acento azul gelo. SVG e PNG transparente em 1x/2x/4x.

Sobre este pack
Aqua Kit de diálogos é um conjunto de 7 componentes de diálogo desenhados no estilo cartoon, em que um contorno grosso e limpo envolve uma face brilhante com um único faísca. Contém um balão com rabicho, uma placa com o nome de quem fala, indicadores de continuar apagado e aceso, linhas de escolha em repouso e selecionadas e um painel de dica de tela.
Um balão de fala é a superfície mais lida de um jogo narrativo, e não é a mesma coisa que um painel de janela: ele precisa de um rabicho apontando para quem está falando, de uma placa de nome que se apoie em cima sem cobrir a primeira linha e de um indicador de continuar com dois quadros para que o motor possa fazê-lo piscar.
O brilho é uma divisão de borda dura a 44% da altura, não um degradê suave: um esmaecimento suave se lê como vidro, uma divisão dura se lê como desenho. A sombra deslocada é maciça em vez de desfocada pelo mesmo motivo.
Dentro desse estilo, esta é a leitura Aqua: uma interface em modo escuro sobre uma paleta azul-petróleo profundo com acentos azul gelo, construída em torno de uma moldura de borda única, botões de cantos retos de 128x40, barras brilhantes 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.
A linha de escolha selecionada é marcada por um recuo e um ponteiro em vez de uma mudança de cor, então o estado sobrevive a um modo para daltônicos e a um shader em escala de cinza. Aqui isso importa mais do que em qualquer outro lugar: escolher a opção de diálogo errada é um erro que o jogador não pode desfazer.
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 Aqua, o que significa que este kit e o kit de painéis Aqua se alinham sem que nenhum dos dois seja redimensionado. Combina bem com jogos de anime e cartoon.
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
- Aplique nine-slice ao balão de fala nas regiões retas e deixe o rabicho no canto fixo, ou ele estica virando uma cunha quando o balão cresce.
- Faça o indicador de continuar piscar alternando os quadros apagado e aceso a cerca de 2 Hz — os dois quadros existem justamente para você não ter que tingir um em tempo de execução.
- Ancore a placa de nome no canto superior esquerdo do balão de fala com um deslocamento negativo de cerca de metade da sua altura, para que ela se sobreponha à moldura.
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
"Aqua Kit de diálogos" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aqua-dialogue-kit
















