Packs de interface

Bunker Diário de missões

13 elementos de diário e objetivos (kit de campo) para interfaces em modo escuro — oliva de campanha, acento vermelho de sinal. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • missão secundária
  • diário
  • objetivo
  • missão
  • registro
  • militar
  • kit de campo
  • militar
  • tático
  • estêncil
  • hud
Folha com 13 elementos de diário e objetivos (kit de campo) da família Bunker, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×739a transparência aparece como xadrez

Sobre este pack

Bunker Diário de missões é um conjunto de 13 elementos de diário e objetivos desenhados no estilo kit de campo, em que há painéis em estêncil com cantos retos, um traço osso e exatamente uma cor de sinal. Contém quatro estados de entrada do diário, três estados de linha de objetivo, uma faixa de recompensa, uma aba de diário ativa e outra ociosa e três marcas de dificuldade contáveis.

Um diário de missões é uma lista em que cada linha significa algo diferente da vizinha, e essa diferença quase sempre é desenhada como cor: verde para concluída, cinza para fracassada, dourado para acompanhada. Três cinzas e um dourado depois, o diário se lê como um degradê e não como uma lista, e quem procura ali a única missão em andamento precisa ler linha por linha.

Nenhum brilho e nenhum degradê em lugar algum: um caixote pintado não brilha, e a contenção é o visual inteiro. As silhuetas ficam perto do retângulo e conquistam sua diferença por ombros escalonados e trilhos de borda em vez de cortes, que é como marcações de campo em estêncil realmente se comportam.

Dentro desse estilo, esta é a leitura Bunker: uma interface em modo escuro sobre uma paleta oliva de campanha com acentos vermelho de sinal, construída em torno de uma moldura de borda única, botões chanfrados de 152x42, barras de núcleo oco divididas em 12 segmentos e ícones em duas cores 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 levam sua marca na mesma coluna da esquerda, e é isso que permite percorrer um diário longo por uma única linha em vez de lê-lo: ativa leva uma barra em toda a borda, acompanhada uma ponta, concluída um tique e fracassada uma cruz. Concluída e fracassada se distinguem, portanto, pela marca e não pelo tom, e a coluna continua legível em qualquer altura de linha. As linhas de objetivo são um tamanho menores que as entradas e dividem a margem esquerda delas, e é isso que faz um objetivo aninhado ser lido como parte da missão acima e não como outra missão.

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 Bunker, o que significa que este kit e o kit de painéis Bunker se alinham sem que nenhum dos dois seja redimensionado. Combina bem com interfaces táticas, de sobrevivência e militares.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP81 kB

Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme

Arquivos inclusos neste pack
ArquivoFormatoPesoDownload
Conjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readmeZIP81 kB Obter →
Entrada do diário, ativa, SVG editávelSVG2.1 kB Obter →

Como usar

  1. Aplique o nine-slice às entradas apenas na horizontal; a borda esquerda carrega a marca de acompanhamento, e esticá-la esticaria a marca junto.
  2. Recue as linhas de objetivo até a margem para a qual foram desenhadas em vez de acrescentar seu próprio recuo, e o aninhamento se encaixa sozinho.
  3. Use as marcas de dificuldade pela quantidade. Elas formam uma série contável, então uma missão de quatro se compara de relance com uma de um.
  4. Ponha a faixa de recompensa abaixo dos objetivos e não no cabeçalho: ela foi desenhada na largura total da entrada e espera ser a última linha de uma missão expandida.

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

Linha de crédito para copiar
"Bunker Diário de missões" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/bunker-quest-log