Nightcity Interface de criação

Nightcity Interface de criação é um conjunto de 13 elementos de criação e receitas 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 estados de espaço de ingrediente, um espaço de resultado maior, uma seta de combinar e outra de desmontar, uma marca de junção, três medidores de qualidade, uma linha de receita conhecida e outra não descoberta e uma barra de criação em degraus.

A criação é a única tela em que um espaço precisa dizer algo que um espaço de inventário nunca diz: não o que há dentro, mas se você tem o suficiente. Disponível, ausente e parcialmente disponível são três estados, e um conjunto que entrega um único sprite de espaço obriga a engine a responder essa pergunta em texto sob cada espaço.

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.

O espaço de ingrediente vem nos três estados e a diferença está na borda, não num preenchimento: o espaço completo é fechado, o ausente é tracejado, o parcial é fechado apenas na metade de baixo. Isso se lê a 56 pixels e se lê sem cor. As setas de combinar e desmontar são arquivos separados e não uma seta girada, porque as duas ficam na mesma tela e uma seta espelhada joga o sombreado para o lado errado. O espaço de resultado foi desenhado um terço maior de propósito: o produto de uma receita não é mais um ingrediente e não deve caber na mesma caixa.

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.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática