Alinear y distribuir en Adobe XD

Después de comenzar a crear muchos objetos en Adobe XD, debe considerar la posición de esos objetos y cómo se relacionan entre sí. Para reducir el ruido en su diseño, desea mantener los íconos y el texto alineados y distribuidos de manera limpia. Puede verificar su alineación de varias maneras, incluido el uso de una cuadrícula o el uso de guías.

Encendiendo tu cuadrícula

Puede activar una cuadrícula que solo usted puede ver siguiendo estos pasos:

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 sobre la mesa de trabajo en su área de trabajo.

Marque la casilla de verificación de la cuadrícula en la parte inferior del panel Propiedades.

Active la función Cuadrícula para su mesa de trabajo.

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.

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 encienden según sea necesario. Se denominan guías inteligentes y le resultará familiar si utiliza otros productos de Adobe.

Para usar 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.

Puede utilizar las guías inteligentes para alinear objetos.

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

La distribución de objetos se refiere al espacio entre un cuadro delimitador creado por un primer objeto y un último objeto. Aquí, puede ver una distribución desigual de varios diamantes a la izquierda y una distribución uniforme de los mismos objetos a la derecha. En este ejemplo, el espaciado se distribuye uniformemente horizontalmente.

Distribución desigual en el lado izquierdo y distribución uniforme en el lado de la marcha.

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

Las guías inteligentes proporcionan una pista cuando el espacio es uniforme entre los 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 ayudarlo a mantener los elementos en línea y espaciados por la noche.

Si selecciona dos elementos, puede aprovechar las funciones de alineación. Si selecciona tres o más objetos, también puede utilizar las funciones de Distribución.

Tenga en cuenta el truco para determinar la horizontal frente a la vertical. El horizonte es horizontal. Todo lo que vaya de izquierda a derecha en su página debe distribuirse horizontalmente. Cualquier objeto que vaya de arriba hacia abajo debe distribuirse verticalmente.