Seleccione la mesa de trabajo en modo de diseño.
Última actualización el
25 ago. 2021
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.
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:
En el Inspector de propiedades, seleccione el botón de alternancia para activar el redimensionamiento inteligente.
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.
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.
Temas relacionados
Diseñar prototipos de experiencia de usuario con Adobe XD
Crea bocetos interactivos para sitios web y aplicaciones móviles.
