Alineación y distribución en Adobe XD

  1. Software
  2. Adobe
  3. Adobe Creative Cloud
  4. Alineación y distribución en Adobe XD

Libro Relacionado

Adobe Creative Cloud All-in-One para tontos, 2ª edición

Por Jennifer Smith, Christopher Smith

Después de empezar a crear muchos objetos en Adobe XD, debe tener en cuenta la posición de esos objetos y cómo se relacionan entre sí. Con el fin de reducir el ruido en su diseño, usted desea mantener los iconos y el texto alineados y distribuidos de una manera limpia. Puede comprobar su alineación de varias maneras, incluyendo el uso de una cuadrícula o el uso de guías.

Encendido de la red

Puede activar una cuadrícula que sólo es visible para usted siguiendo estos pasos:

  1. Seleccione una mesa de trabajo haciendo clic en la mesa de trabajo en el panel Capas o haciendo clic en el nombre de la mesa de trabajo encima de la mesa de trabajo en su área de trabajo.
  2. Marque la casilla de verificación de la cuadrícula en la parte inferior del panel Propiedades y active la función Cuadrícula de su mesa de trabajo.
  3. Si prefiere un color diferente para su cuadrícula, seleccione el cuadrado a la derecha de la casilla de verificación de la cuadrícula y seleccione un color del selector de color. También puede utilizar el control deslizante Transparencia para cambiar el nivel de opacidad.
  4. Si lo desea, cambie el tamaño de la cuadrícula escribiendo un valor en el cuadro de texto Tamaño de cuadrícula a la derecha de la casilla de verificación.

Sea inteligente con sus guías

De forma predeterminada, XD le proporciona guías que se activan según sea necesario. Estas se denominan Guías inteligentes y le resultarán familiares si utiliza otros productos de Adobe.

Para utilizar las guías inteligentes, simplemente preste atención a las líneas y áreas sombreadas que aparecen mientras trabaja. Observe en la imagen de abajo que cuando se arrastra un diamante, aparece una guía que indica que está alineado con el diamante de la izquierda.

Las guías inteligentes también pueden ayudar con la distribución

La distribución de objetos se refiere al espacio entre una caja delimitadora creada por un primer objeto y un último objeto. Aquí, usted ve la distribución desigual de varios diamantes a la izquierda, e incluso la distribución de los mismos objetos a la derecha. En este ejemplo, el espaciado se distribuye uniformemente horizontalmente.

Cuando coloque objetos, verá que aparecen áreas sombreadas que indican cuando el espacio entre los objetos es igual. Esta pista de sombreado también aparece cuando arrastra Alt/Opción para clonar objetos.

Uso de la función Alinear y distribuir

La función Alinear y distribuir que está disponible en el menú Objeto y en el panel Propiedades puede ayudarle a mantener los elementos en línea y espaciados por la noche.

Si selecciona dos posiciones, puede aprovechar las características de alineación. Si selecciona tres o más objetos, también puede utilizar las características de distribución.

Tenga en cuenta el truco para determinar si es horizontal o vertical. El horizonte es horizontal. Cualquier cosa que vaya de izquierda a derecha en su página debe ser distribuida horizontalmente. Cualquier objeto que vaya de arriba hacia abajo debe ser distribuido verticalmente.

Leave a Reply