Mosaicos de Vidro: mosaicos arredondados de vidro fosco sobre uma malha azul elétrico
Mosaicos de Vidro coloca uma grelha de quadrados de vidro arredondados sobre um gradiente Malha em azul-real, ciano e violeta, com fundo azul meia-noite. A Forma do mosaico está em Arredondado com 4 Mosaicos por fila, e cada peça funciona como uma pequena lente: a Força da lente em 60 amplia as cores de trás sobretudo ao centro e menos junto ao rebordo, enquanto a Geada em 15 acrescenta uma ligeira desfocagem. Cada mosaico apanha luz no rebordo superior esquerdo e projeta uma sombra suave para baixo e para a direita, o vidro em relevo do glassmorphism sem o montar camada a camada.
Torne-o seu
Torne o vidro mais fosco
A Geada está só em 15, por isso o gradiente continua nítido dentro de cada peça. Perto de 50, os mosaicos desfocam as cores e ganham uma película leitosa, mais próxima do vidro fosco de uma casa de banho, o que dá um fundo mais calmo ao texto colocado por cima.
Redimensione a grelha
Mosaicos por fila define quantas peças cabem na largura. Com 2 obtém dois painéis grandes para um hero dividido; a partir de 8, a grelha torna-se um mosaico fino. Mude a Forma do mosaico para Círculo para botões de vidro ou para Losango para um padrão arlequim.
Perguntas frequentes
Em que diferem os mosaicos de vidro do controlo Vidro?
Vidro corta a imagem inteira em painéis verticais canelados, como vidro estriado. Os mosaicos de vidro são lentes independentes numa grelha, cada uma com a sua própria vista ampliada, rebordo iluminado e sombra. Neste estilo o Vidro fica em 0, por isso os mosaicos são o único vidro no ecrã.
Como funciona
Escolha um ponto de partida
Comece por um dos 28 estilos, como Malha Suave, Raios de Eclipse ou Meio-Tom Riso, ou escolha um tipo de gradiente e uma das 24 paletas.
Ajuste o gradiente
Ajuste a escala, a distorção, o redemoinho e a suavidade, adicione granulação, painéis ou mosaicos de vidro, uma sobreposição de pontos, grelha ou linhas, uma segunda camada misturada ou um tratamento como meio-tom ou ordenação de píxeis, e ative a animação com a sua própria velocidade.
Pré-visualize e use
Veja o gradiente em layouts de landing page, cartão, telemóvel e registo e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.