Carbon Kit de painéis — painéis com cantoneiras e botões

O mesmo degradê especular de cinco paradas e o mesmo padrão de linhas escovadas da família de aço neutro, sobre uma paleta bem mais escura e com o corpo aberto em cantoneiras. Essa última mudança é o que transforma um painel no aro de um instrumento: uma borda fechada se lê como janela, quatro cantoneiras se leem como algo parafusado a um painel de bordo. Os rebites ficam, porque um painel de cabine que não está preso a nada é um render.

Dois painéis nine-slice — uma moldura de janela com cantoneiras com cantos de 10 px e uma moldura interna rebaixada com cantos de 8 px — cobrem quase toda caixa de que um menu precisa: diálogos, grades de inventário, fundos de lista, dicas de tela e painéis de estatísticas. Não há borda contínua nenhuma — quatro cantoneiras marcam os limites e o resto fica aberto, então o painel emoldura o conteúdo sem encaixotá-lo. Os dois esticam de forma limpa em qualquer tamanho porque os cantos nunca escalam e o centro é um preenchimento chapado.

Sobre os painéis assentam quatro estados de botão chanfrado: normal, hover, pressionado e desativado. São desenhados sobre a mesma base 152×44 com cantos de 4 px, então você troca a textura num único widget de botão e obtém todo o ciclo de interação sem mover um retângulo. O estado pressionado baixa sua face dois pixels e remove o brilho superior em vez de apenas escurecer, e é isso que faz um botão parecer clicado e não meramente recolorido.

Tudo vem duas vezes. Os fontes SVG são os arquivos em que o kit foi desenhado — abra-os, mude os seis tons quase preto ou o único acento âmbar de aviso, e reexporte. As exportações PNG são chapadas, transparentes e pré-escaladas em 1x, 2x e 4x para motores que querem bitmaps, sem alfa pré-multiplicado e sem sombra assada fora dos limites do sprite.

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