Redimensionamiento inteligente y restricciones

Al diseñar hoy en día para un entorno de dispositivos múltiples, es importante tener en cuenta la gran variedad de tamaños de pantalla disponibles en las resoluciones de móviles, tabletas y escritorios. Dado que no todos los diseñadores utilizan dispositivos similares, estos deben tener en cuenta cómo funcionará el contenido en múltiples tamaños de pantalla. 

Para resolver este problema de los usuarios, Adobe XD ha desarrollado una función denominada redimensionamiento inteligente que permite cambiar el tamaño de los objetos manteniendo simultáneamente las relaciones espaciales en diferentes tamaños, para adaptarse mejor a múltiples tamaños de pantalla.

Trabajar con el redimensionamiento inteligente

Con Redimensionamiento inteligente, XD predice automáticamente qué restricciones es probable que se vayan a aplicar y automáticamente aplica esas restricciones conforme se va cambiando el tamaño de los objetos. 

Tradicionalmente, para lograr un comportamiento de tipo interactivo, los diseñadores tenían que aplicar manualmente restricciones a múltiples objetos para así definir el comportamiento del objeto al cambiar su tamaño. Este método monótono y lento estaba centrado más en un trabajo de adivinación y movimientos repetitivos que ensombrecían la chispa creativa del diseño.

XD aplica restricciones automáticamente, analizando los objetos que haya seleccionado, su estructura de agrupamiento, la proximidad a los bordes del grupo principal y la información de diseño.

Retículos de redimensionamiento inteligente

Al cambiar el tamaño, aparecen retículos rosas en el objeto cuyo tamaño se está cambiando. Estos retículos indican qué reglas de restricción se aplican a un grupo. XD proporciona un método visual y en contexto de aprender cómo funcionan conjuntamente el redimensionamiento inteligente y las restricciones manuales.

Redimensionamiento inteligente y grupos

Antes de cambiar el tamaño, puede agrupar objetos similares para establecer relaciones entre ellos. XD conserva juntos los objetos agrupados de forma predeterminada y le permite establecer una jerarquía en sus proyectos a través de un mecanismo de organización que ya utiliza. Al redimensionarse, los objetos agrupados permanecen juntos.

Editar manualmente las restricciones

Si no está satisfecho con los resultados del redimensionamiento inteligente, puede editar manualmente las reglas de restricción. La colocación de restricciones manuales le permite determinar explícitamente cómo se comportan los objetos al cambiar el tamaño de un componente, una mesa de trabajo o un grupo que contengan capas.

Seleccione Manual para editar manualmente las restricciones que el redimensionamiento inteligente ha puesto en los objetos. Las restricciones manuales siempre anulan las restricciones automáticas puestas por XD. Puede usar las siguientes restricciones para especificar las reglas y controlar el comportamiento de los diversos componentes.

• Anchura fija/variable
• Altura fija/variable
• Margen izquierdo fijo/variable
• Margen derecho fijo/variable
• Margen superior fijo/variable
• Margen inferior fijo/variable

Cambiar interactivamente el tamaño de las mesas de trabajo

De forma predeterminada, el redimensionamiento inteligente está desactivado, pero puede activarlo para iniciar el redimensionamiento inteligente en las mesas de diseño.

Para activar el redimensionamiento inteligente:

Anular el redimensionamiento inteligente para grupos

Aunque el redimensionamiento inteligente es el comportamiento predeterminado de cambio de tamaño en los casos de selección múltiple y cambio de tamaño de grupo, puede hacer lo siguiente:

• Para cambios de tamaño a escala, use la tecla Mayús para anular temporalmente el comportamiento interactivo. Puede tirar de uno de los controladores de selección de esquina para bloquear la relación de aspecto del grupo a medida que va cambiando el tamaño.
• Desactive la opción de redimensionamiento inteligente en el Inspector de propiedades.