Packs de interface

Chromepop Placar de líderes

12 elementos de placar e conquistas (Y2K) para interfaces em modo escuro — preto puro, acento rosa 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
  • y2k
  • Y2K
  • y2k
  • cartaz
  • cromo
  • retrofuturista
Folha com 12 elementos de placar e conquistas (Y2K) da família Chromepop, 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

Chromepop Placar de líderes é um conjunto de 12 elementos de placar e conquistas desenhados no estilo Y2K, em que tudo é plano e impresso — contornos retos e grossos, blocos maciços, nenhum brilho. 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.

Nenhum degradê e nenhum halo: o conjunto inteiro é cor chapada com um contorno reto e grosso, e é isso que separa o visual de cartaz Y2K do de neon. As silhuetas são compostas canto a canto em vez de ampliadas de um retângulo, então um selo e um banner do mesmo conjunto não compartilham contorno.

Dentro desse estilo, esta é a leitura Chromepop: uma interface em modo escuro sobre uma paleta preto puro com acentos rosa intenso, construída em torno de uma moldura de borda única, botões chanfrados de 160x44, 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.

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 Chromepop, o que significa que este kit e o kit de painéis Chromepop se alinham sem que nenhum dos dois seja redimensionado. Combina bem com menus retrofuturistas e interfaces em estilo cartaz.

Download

Link direto · sem cadastro · sem página de espera
Baixar ZIP61 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 readmeZIP61 kB Obter →
Linha do placar, 1º lugar, SVG editávelSVG2.9 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
"Chromepop Placar de líderes" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/chromepop-leaderboard