O menu "Visualização" no Google Web Designer permite que você escolha como quer visualizar o cenário e os objetos.
Contornos e rótulos da visualização
É possível selecionar as seguintes opções de contorno:
- Contorno > Somente contorno: todos os elementos no cenário que não sejam o selecionado terão uma borda tracejada visível.
- Contorno > Rótulo: cada elemento também é rotulado com o respectivo tipo e código.
- Contorno > Desativado: nenhum contorno ou rótulo é exibido. Essa opção é útil em layouts complexos para reduzir a poluição visual.
Ajustar essa configuração afeta todos os documentos.
Ajuste
O ajuste permite posicionar elementos ao longo das mesmas linhas horizontais ou verticais. É possível fazer o ajuste usando a grade, as bordas de outros objetos ou o alinhamento com outros objetos. Para ativar o ajuste, abra o menu Visualizar e selecione Ajustar > Ajustar a e selecione os elementos que você quer usar como referência:
- Ajustar a > Grade: ajusta às linhas de grade quando estão visíveis.
- Ajustar a > Objetos: ajusta a bordas, cantos e pontos centrais de outros objetos.
- Ajustar a > Alinhamento: ajusta ao alinhamento com as bordas ou os pontos centrais de outros objetos.
- Ajustar a > Guias: ajusta às guias da régua quando estão visíveis.
- Ajustar a > Mesmo tamanho: ajusta à mesma largura ou altura de outro objeto.
- Ajustar a > Mesmo espaçamento: ajusta ao mesmo espaçamento entre dois outros objetos.
Veja exemplos de ajuste.
Ajustar essa configuração afeta todos os documentos.
Visualizar a grade 3D
Quando você selecionar a opção Grade 3D no menu de visualização, você verá a grade do plano mais próximo paralelo à sua visualização. A cor da grade representa a da bússola em 3D. As linhas da grade têm 50 pixels de distância por padrão. É possível mudar o tamanho da grade nas preferências e usá-las como referência para ajustar o trabalho.
Se você mudar essa configuração, o Google Web Designer lembrará a seleção para o documento. Também é possível ajustar sua preferência para definir se a grade 3D ficará visível por padrão.
Visualizar réguas
Ao selecionar Réguas no menu de visualização, as réguas verticais e horizontais ficarão visíveis. As réguas facilitam o posicionamento dos elementos com precisão em documentos HTML5 e anúncios.
Se você mudar essa configuração, o Google Web Designer lembrará a seleção para o documento. Também é possível ajustar sua preferência para definir se as réguas serão visíveis por padrão.
Guias
As guias são linhas verticais ou horizontais que você pode posicionar em qualquer lugar do cenário para facilitar o alinhamento de objetos. Para adicionar uma dessas linhas, clique em qualquer ponto da régua e arraste a nova guia até a área de trabalho do documento.
É possível mover as guias com a ferramenta "Seleção". Se você as arrastar para fora da área de trabalho, elas serão removidas. Segure a tecla Shift ao arrastar para alinhar as guias às marcas de escala da régua.
As seguintes opções de guia estão disponíveis no menu Visualizar > Guias:
- Guias > Mostrar guias deixa as guias visíveis. Ao adicionar uma nova guia, você ativa essa configuração.
- Guias > Fixar guias impede que as guias existentes sejam movidas. Ao adicionar uma nova guia, você desativa essa configuração.
- Guias > Limpar guias remove todas as guias.
As guias são salvas com o documento.
Não é possível alterar as guias de régua ao girar o cenário.
Visualização frontal, superior e lateral
Ao selecionar Visualização frontal, Visualização superior ou Visualização lateral no menu "Visualizar", você verá o cenário diretamente da perspectiva dos eixos Z, Y ou X. Clicar duas vezes na ferramenta "Girar cenário 3D" leva você de volta para a visualização selecionada aqui.
Zoom
É possível ajustar o nível de zoom do cenário com as opções Aumentar zoom e Diminuir zoom, disponíveis no menu "Visualização" e como controles no canto inferior direito do cenário. O comando de menu Tamanho real redefine o nível de zoom para 100%.
Para mudar o nível de zoom de todo o app Google Web Designer (como para monitores de alta resolução), ajuste as preferências avançadas.