Packs de interface

Nightcity Placar de líderes

12 elementos de placar e conquistas (cyberpunk) para interfaces em modo escuro — azul meia-noite, acento magenta intenso. SVG e PNG transparente em 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • placar de líderes
  • painel de pontuação
  • conquista
  • classificação
  • troféu
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • ficção científica
  • neon
  • hud
Folha com 12 elementos de placar e conquistas (cyberpunk) da família Nightcity, dispostos sobre um xadrez de transparência com suas medidas em pixels escritas embaixo
prévia 1600×1032a transparência aparece como xadrez

Sobre este pack

Nightcity Placar de líderes é um conjunto de 12 elementos de placar e conquistas desenhados no estilo cyberpunk, em que cada moldura tem seu próprio contorno assimétrico — um entalhe num canto, um trilho ao longo de uma borda. Contém três linhas de colocação e uma linha simples, uma linha destacada para o jogador, um pódio de três lugares, uma placa de conquista bloqueada e outra desbloqueada, uma barra de progresso, duas faixas de raridade e uma prateleira de vitrine.

Ouro, prata e bronze são o jeito óbvio de desenhar os três primeiros e também a única paleta que um jogo não controla: assim que o seu acento é quente, a linha dourada deixa de se ler como primeiro lugar e passa a se ler como selecionada. E a linha que de fato se procura é a própria, que nunca está entre as três primeiras.

A silhueta é composta e não escalada: cada um dos quatro cantos e cada uma das quatro bordas recebe o próprio tratamento, então não há duas molduras do conjunto que compartilhem contorno. O brilho de neon é uma pilha de traços em opacidade decrescente, não um filtro de desfoque — alguns rasterizadores SVG aplicam filtros de outro jeito e transformam o halo numa mancha em 4x.

Dentro desse estilo, esta é a leitura Nightcity: uma interface em modo escuro sobre uma paleta azul meia-noite com acentos magenta intenso, construída em torno de uma moldura de borda única, botões chanfrados de 176x44, barras de núcleo oco divididas em 16 segmentos e ícones em duas cores numa grade de 32px. 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 colocação está na largura do bloco de posição à esquerda, que diminui do primeiro ao terceiro; assim a ordem do pódio se lê antes de qualquer número e continua legível em qualquer cor que a família use. A linha do jogador é diferente de novo: é a única desenhada com contorno completo, e é isso que permite achá-la rolando em vez de lendo. As placas de conquista bloqueiam e desbloqueiam pela estrutura, porque a bloqueada mantém a moldura e esvazia o campo — uma prateleira de conquistas já tem forma antes de qualquer uma ser conquistada.

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 Nightcity, o que significa que este kit e o kit de painéis Nightcity se alinham sem que nenhum dos dois seja redimensionado. Combina bem com interfaces cyberpunk, de ficção científica e de futuro próximo.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP90 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 readmeZIP90 kB Obter →
Linha do placar, 1º lugar, SVG editávelSVG3.3 kB Obter →

Como usar

  1. Use as linhas de colocação para os três primeiros e a linha simples para todo o resto; o sinal é a largura do bloco de posição e não deve ser sobrescrito.
  2. Desenhe a linha do jogador na posição que ele realmente ocupa em vez de fixá-la no topo. Ela tem contorno completo justamente para ser achada no meio da lista.
  3. Deixe a placa de conquista bloqueada no lugar em vez de esconder o que ainda não foi conquistado. O campo vazio recebe seu próprio ícone no mesmo tamanho que a placa desbloqueada usa.
  4. A faixa de raridade é uma proporção, não um nível: uma faixa curta quer dizer que poucos a têm. Alimente-a com sua porcentagem real de conclusão, não com um nome de raridade.

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
"Nightcity Placar de líderes" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-leaderboard