Adobe XD: Layout e Grades

Name: Adobe XD: Layout e Grades
Author: Alyssa Galganov

Aprenda a criar layouts dinâmicos em Adobe XD

Preview the first lesson free — get full access to all 5 lessons.

Curso: sob demanda

Olá! Meu nome é Alyssa, e nessas aulas, vamos trabalhar com Adobe XD's layout e grades. Definir um sistema de grade ajudará seu design fique em alinhamento e pode economizar tempo valioso medindo pixels e espaçamento entre os elementos. Existem duas opções no Adobe XD para fornecer orientação ao configurar seu design: layout e quadrado. Vamos explorar a grade de layout. Vou apenas criar um novo arquivo clicando aqui na minha tela inicial no botão de novo arquivo, e a tela padrão de 1920 pixels de largura por 1080 pixels de altura é selecionado. Vou clicar aqui no espaço cinza para desmarcá-lo porque eu só quero mostrar a você que se você clicar no nome, podemos selecionar a placa de arte. Quando selecionamos a prancheta, você pode ver aqui no inspetor de propriedades que há um painel de grade na parte inferior. Atualmente, diz layout para o tipo de grade, e se clicarmos na divisa, você pode ver que há uma escolha entre layout e quadrado. Vou deixar no layout, e eu vou em frente e clique aqui mesmo nesta caixinha, e o que isso nos permite fazer é ativar a grade de layout. Atualmente, é a cor ciano, e tem 12 colunas, mas você pode mudar isso como quiser. Podemos ir em frente aqui, e eu vou entrar aqui e digite 16, e pressionarei a tecla de retorno para confirmá-lo. Agora você vê 16 colunas. Eu poderia ir em frente e mudar a largura da calha também. Vou mudar isso para algo como 24, e você pode ver que agora há uma lacuna um pouco maior entre essas 16 colunas verticais ciano. Se essa não é a sua cor, você sempre pode mudá-la clicando neste tabuleiro de damas aqui, que é a cor da coluna de classificação do layout, e você pode escolher a cor que quiser aqui. Eu posso ir em frente e apenas mover este controle deslizante para cima e para baixo e até chegar na cor que eu gosto. Se você acha que gostaria deles mais escuros, você pode ir em frente e mudar o alfa aqui na porcentagem. Atualmente, o padrão é 25%. Você pode ir em frente e alterá-lo para algo como 10. Pressione a tecla tab ou a tecla return para confirmá-la, e você pode ver que é muito mais leve agora. Se isso foi algo que eu realmente gostei e queria usar em vários projetos, Eu posso ir em frente e clicar e torná-lo meu padrão. Se eu fiz todas essas mudanças e decidir que não é disso que eu gosto, podemos ir em frente e clicar no botão usar padrão, e voltamos para onde começamos. Obrigado por assistir. Fique ligado no próximo vídeo onde iremos sobre a grade quadrada.

Principiante Fornecedor : Alyssa Galganov 5 lições · 16m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Neste curso, aprenderá como criar layouts dinâmicos em Adobe XD com a ajuda de grelhas, guias, alinhamento, distribuição e repetição. Ao trabalhar nos seus designs, poderá utilizar guias para alinhar objectos ou gerir o espaçamento entre elementos de um artboard. As grelhas servem de enquadramento para organizar os elementos do seu desenho e assegurar a simetria do layout.

A definição de um sistema de grelha pode ajudá-lo a garantir que o seu design se mantém alinhado e pode poupar tempo valioso na medição de pixels e no espaçamento entre elementos. Aprenderá sobre as duas opções de grelha em Adobe XD que fornecem orientação na configuração do seu desenho: layout e quadrado.

O Que Você Vai Aprender

Criar e ajustar grades de layout no Adobe XD para estruturar seus elementos de design
Criar e ajustar grades quadradas para manter a simetria em uma mesa de trabalho
Criar e gerenciar guias para alinhar objetos e controlar espaçamento entre elementos
Alinhar e distribuir elementos de design para layouts consistentes e organizados
Usar o botão Repeat Grid para replicar elementos com eficiência

Principais Conclusões

Grades servem como um framework para organizar elementos de design e garantir a simetria de um layout.
Definir um sistema de grade ajuda a manter um design alinhado e economiza tempo gasto medindo pixels e espaçamento entre elementos.
Adobe XD oferece duas opções de grade que fornecem orientação ao configurar um design: layout e quadrado.
Guias podem ser usadas para alinhar objetos ou gerenciar o espaçamento entre elementos em uma mesa de trabalho.

Perguntas Frequentes

O que vou aprender neste curso?

Você aprenderá como criar layouts dinâmicos no Adobe XD usando grades, guias, alinhamento, distribuição e repetição, incluindo como criar e ajustar tanto grades de layout quanto quadradas e como criar e gerenciar guias.

Quais opções de grade este curso abrange no Adobe XD?

O curso abrange as duas opções de grade no Adobe XD que fornecem orientação ao configurar seu design: layout e quadrado.

Quais tópicos estão incluídos nas lições?

As lições cobrem Grades de Layout, Grades Quadradas, Criando Guias, Alinhando e Distribuindo Elementos de Design e o Botão Repeat Grid.

Por que as grades são úteis ao projetar no Adobe XD?

Grades servem como um framework para organizar elementos de design e garantir simetria, ajudando a manter seu design alinhado e economizando tempo valioso medindo pixels e espaçamento entre elementos.