Packs de interface

Recon Panos de fundo

7 peças de fundo e sobreposição (kit de campo) para interfaces em modo escuro — cinza aço, acento laranja sinalizador. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • imagem de fundo
  • pano de fundo
  • repetível
  • tela de menu
  • militar
  • kit de campo
  • militar
  • óptica
  • reconhecimento
  • hud
Folha com 7 peças de fundo e sobreposição (kit de campo) da família Recon, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×1341a transparência aparece como xadrez

Sobre este pack

Recon Panos de fundo é um conjunto de 7 peças de fundo e sobreposição 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 um pano de fundo de menu em tela cheia, um ladrilho de padrão sem emendas, uma camada de escurecimento para modais, um banner de título, um separador de seção e o trilho e o preenchimento de uma barra de carregamento.

Esta é a peça que a maioria dos kits de interface gratuitos deixa completamente de fora. Um kit que te dá painéis e botões mas nada em que apoiá-los deixa de ser útil na primeira tela que você montar, e o pano de fundo é a única coisa que não dá para simular com uma cor chapada sem que o menu inteiro pareça inacabado.

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 Recon: uma interface em modo escuro sobre uma paleta cinza aço com acentos laranja sinalizador, construída em torno de uma moldura de borda única, botões chanfrados de 116x32, barras de núcleo oco divididas em 20 segmentos e ícones em duas cores numa grade de 16px. 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 pano de fundo é onde um estilo artístico tem mais espaço para se mostrar, então é desenhado de forma diferente em cada um: faixas com dithering, um mosaico triangulado, papel hachurado, uma grade isométrica, um horizonte de borda dura. Vem em 640x360 e exporta para 2560x1440 em 4x, o que cobre 1080p mantendo a proporção, então se estende a qualquer resolução com um único ajuste de cobertura. O ladrilho de padrão fecha cada motivo dentro dos próprios limites, então a repetição não mostra emenda.

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 Recon, o que significa que este kit e o kit de painéis Recon 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 ZIP31 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 readmeZIP31 kB Obter →
Pano de fundo de menu em tela cheia, kit de campo, SVG editávelSVG468 B Obter →

Como usar

  1. Use o pano de fundo com ajuste de cobertura em vez de esticá-lo — a proporção 16:9 é intencional e deformá-la aparece na hora num degradê.
  2. Repita o padrão atrás de listas e grades de inventário em 1x para uma textura fina ou em 2x para uma grossa; ele é sem emendas nas duas direções.
  3. Desenhe o escurecimento entre o jogo e uma janela modal em tela cheia. Ele usa a paleta do estilo em vez de preto chapado, então não deixa cinza um jogo colorido.

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
"Recon Panos de fundo" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/recon-backdrops