Qué es y cómo hacer resizing en Sketch

| Última modificación: 6 de junio de 2024 | Tiempo de Lectura: 2 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

En este post, te hablaremos acerca de qué es y cómo hacer resizing en Sketch, ya que es una de las muchas herramientas de este programa, compatible con los sistemas propies de Apple, que te ayudarán a optimizar el trabajo de forma sencilla.

¿Qué es resizing en Sketch?

La opción de resizing en Sketch, también conocida como cambio de tamaño, es una herramienta en el inspector que nos ayuda a realizar modificaciones relacionadas con el tamaño y la posición de un elemento. En otras palabras, es una opción para personalizar el tamaño de un elemento. Podemos decir que esta se divide en dos:

  • Resizing constraints
  • Resizing layers

¿Cómo funcionan las resizing constraints?

🔴 ¿Quieres entrar de lleno al Desarrollo Mobile? 🔴

Descubre el Desarrollo de Apps Móviles Full Stack Bootcamp de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Desarrollo de Apps Móviles por una semana

Las resizing constraints o restricciones de cambio de tamaño las encontramos en el inspector y nos permiten elegir cómo se comportan las capas cuando cambian el tamaño en un artboard.

Para establecer una restricción en el cambio de tamaño es necesario seleccionar una capa, un grupo o un símbolo para que se desplieguen todos los controles de restricciones de tamaño en el inspector.

Estos controles nos ayudan a determinar cuáles serán los bordes de la capa principal a los que se fijarán los elementos seleccionados y la distribución de estos al modificar el tamaño.

¿Cómo funcionan las resizing layers?

Las resizing layers o cambio del tamaño de las capas se puede hacer de dos maneras. La primera forma es seleccionar una capa y hacer clic en ella para que te aparezcan los controladores de selección y así poder modificarlas. La segunda opción consiste en seleccionar la capa y, después, dirigirte al inspector para escribir las dimensiones que deseas obtener.

Si te interesa conocer más en profundidad el programa de diseño Sketch, te recomendamos leer nuestro post ¿Qué es Sketch y cómo funciona?, en el que te hablamos sobre varios aspectos generales de su funcionamiento.

Gracias a este breve post has aprendido qué es y cómo hacer resizing en Sketch, una de las tantas herramientas que ofrece este programa. Si te gustaría aprender más sobre cómo es el proceso de desarrollo y diseño de apps con este u otros programas, seguro que te interesa nuestro Desarrollo de Apps Móviles Full Stack Bootcamp. Gracias a este bootcamp, podrás continuar con tu formación dentro del sector IT y, en pocos meses, dominarás las pautas y programas de diseño, los lenguajes de programación y muchas cosas más. Inscribirse es muy sencillo, ¡no esperes más!

Jose Luis Bustos
Jose Luis Bustos

Lead Software Architect & Coordinador del Bootcamp en Desarrollo de Apps Móviles iOS & Android.

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo de apps móviles ios & Android

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado