Conozca cómo usar el redimensionamiento inteligente y las restricciones para múltiples tamaños de pantalla y diseños.

Redimensionamiento inteligente

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.

Redimensionamiento inteligente
Redimensionamiento inteligente

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.

Redimensionamiento inteligente
Redimensionamiento inteligente al trabajar con un activo cuyo tamaño se está cambiando

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.

Retículos en el redimensionamiento inteligente
Grupo en redimensionamiento con retículos rosa

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
Configuración de restricciones en objetos individuales
Configuración de restricciones en objetos individuales
Configuración de restricciones en grupo de objetos
Configuración de restricciones en un grupo de objetos

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:

  1. Seleccione la mesa de trabajo en modo de diseño.

  2. En el Inspector de propiedades, seleccione el botón de alternancia para activar el redimensionamiento inteligente.

    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones
    Activar o desactivar el redimensionamiento inteligente
  3. Seleccione las siguientes opciones de redimensionamiento inteligente:

    • Auto: utiliza automáticamente restricciones para cambiar el tamaño de la mesa de trabajo.
    • Manual: le permite establecer restricciones manuales disponibles en el Inspector de propiedades.
    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones
    Activar el redimensionamiento inteligente, seleccionar Manual y ver restricciones

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.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea