30 DE JANEIRO DE 2023
Breakpoints para resoluções de tela personalizadas no bloco zero
No Zero Block, agora é possível configurar resoluções de tela para diferentes dispositivos. O intervalo do ponto de interrupção é de 320px a 1920px. O novo recurso permite que você crie um layout perfeito para praticamente qualquer dispositivo.
Vamos examinar alguns casos em que você pode precisar usar pontos de interrupção no Zero Block
1
Seu site é frequentemente acessado por dispositivos com resoluções de tela grandes, como 1920px, e você deseja ter controle total sobre a posição dos elementos nessas telas.
Adicione um novo ponto de interrupção de 1920px e ajuste o design para esse tamanho específico. Você controla cada detalhe: Especifique o tamanho da cópia, das formas e das imagens e organize-as com relação ao Contêiner de grade.
Nesses casos, não é necessário usar a opção Escala automática ou o contêiner de janela. É possível criar sites para telas grandes, mesmo que o design seja feito em um laptop pequeno - você saberá como o site fica em qualquer resolução de tela.
Nesses casos, não é necessário usar a opção Escala automática ou o contêiner de janela. É possível criar sites para telas grandes, mesmo que o design seja feito em um laptop pequeno - você saberá como o site fica em qualquer resolução de tela.
2
Os visitantes do seu site usam dispositivos com resoluções de tela fora do padrão.
É possível alterar os tamanhos de tela padrão nas configurações ou adicionar novos pontos de interrupção para modelos específicos de telefone ou tablet, por exemplo. Você pode configurar um máximo de 10 pontos de interrupção. Se uma resolução padrão - por exemplo, uma tela de telefone horizontal - não for relevante para os visitantes, agora é possível excluí-la.
Como você pode combinar blocos padrão e blocos zero com resolução de 1920px
Nesse caso, use blocos padrão de tela cheia e escolha os valores de Largura do contêiner de 100% ou 100% com 40px de preenchimento de borda. Eles ficarão bem juntos, pois a largura do conteúdo é dimensionada de forma semelhante.
Não há mais necessidade de usar o Window Container e o Autoscale para projetar projetos?
Tecnicamente, o novo recurso simplifica o design de um site no Zero Block - você não precisa descobrir como funciona o layout fluido ou o Autoscale e, em vez disso, anexar layouts ao contêiner de grade. Mas recomendamos que você explore todas as ferramentas e saiba como combiná-las e usá-las em seu trabalho, dependendo da tarefa. Você pode saber mais no Guia completo do Zero Block.
Como configurar a grade para uma resolução de tela personalizada
É possível ajustar a grade para cada nova resolução de tela adicionada ao Zero Block. Escolha a resolução desejada → abra Artboard Settings → Zero Block Settings → Grid e especifique seus próprios valores.
Veja também
A pesquisa de páginas, a classificação e as ações em massa agora estão disponíveis.
Crie um curso para um grande público ou publique palestras para seus funcionários com esse novo recurso.
