Isométrico: cubos índigo empilhados e um hexágono em contorno sobre cor de tinta
Cada mosaico do motivo Isométrico é um cubo com três faces: pervinca em cima, índigo elétrico à esquerda e um índigo mais escuro à direita, que é como o modo Duas cores sombreia este motivo. Os cubos encaixam uns nos outros sobre um azul-marinho quase preto com Opacidade 70, e um desvanecimento Bordas liberta o centro, para que o efeito 3D emoldure o layout em vez de o encher. Um Polígono de seis pontos, um hexágono em Contorno violeta-claro com a Suavidade em 0, repete a silhueta de um cubo.
Torne-o seu
Ilumine os cubos de outra forma
A face de cima recebe o Primeiro plano secundário e as faces laterais recebem o Primeiro plano. Defina o Primeiro plano secundário como menta pálida ou branco para simular uma luz forte vinda de cima, ou mude o Modo de cor para Uma cor para uma versão tom sobre tom.
Aumente os blocos
O tamanho dos cubos vem da Escala da forma, 30 aqui, com o Espaçamento em 160. Em 60 obtém alguns blocos grandes e arquitetónicos por trás de um hero, e em 14 os cubos tornam-se uma textura entrelaçada que funciona em cartões pequenos.
Perguntas frequentes
Para que serve um padrão isométrico?
Os cubos isométricos sugerem estrutura, blocos de construção e sistemas, por isso aparecem em ferramentas para programadores, produtos de infraestrutura e de dados, fintech e UI de jogos. Esta predefinição mantém a ideia, mas atenua-a: os cubos ficam com 70 por cento de opacidade sobre um fundo escuro e esbatem-se no meio, deixando espaço para um título ou uma captura de ecrã do produto.
Como funciona
Construa o padrão
Escolha um motivo e uma disposição em quadrado, tijolo ou hexágonos, e defina a escala, o espaçamento, o peso, a rotação, duas cores do padrão e um fundo.
Adicione uma forma e uma textura
Coloque uma das 8 formas com preenchimento sólido, de contorno ou em gradiente, e sobreponha uma das 9 texturas com um modo de mistura e opacidade.
Enquadre e use
Escolha uma proporção de 1:1 a 9:16, pré-visualize em layouts de hero, cartão e telemóvel e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.