Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Sketch
Webdesign

Las novedades en Sketch 52

by
Length:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

Octubre de 2018 fue un mes verdaderamente emocionante para los creativos de todo el mundo: Adobe organizó su conferencia anual MAX y anunció todo tipo de actualizaciones en su línea de productos, y Bohemian Coding lanzó una nueva versión de Sketch. Sketch 52 viene con algunas funciones nuevas e impresionantes, algunas mejoras excelentes, y en este resumen vamos a echar un vistazo a lo más interesante. ¡Comencemos!

Lo que estaremos abarcando

Veremos las siguientes actualizaciones:

  • Sketch Data
  • Invalidaciones de texto y estilos de capa
  • Operaciones Booleanas Mejoradas

Últimas actualizaciones de Sketch


1. Sketch Data

Diseñar con datos reales siempre es mejor que usar contenido ficticio y marcadores. Es mejor para ti, como diseñador, porque le permite mirar cómo se adapta  tu diseño a la información real. Y es mejor para el cliente si estás presentando maquetas iniciales, porque el contenido ficticio con frecuencia puede ser un verdadero obstáculo para que los no diseñadores las entiendan.

Desde el lanzamiento de Sketch 52, ahora podemos agregar "imágenes reales" y "texto real" con el clic de un botón.

Accesa a las funciones de datos haciendo clic en el botón de datos (data) en la parte superior izquierda de la barra del menú:

sketch data button

De inmediato verás recursos de faces.ui, tiles y de Unsplash. Para aplicar, digamos, una imagen de cara a un elemento, selecciona ese elemento y luego haz clic en la opción Faces. Se aplicará de forma automática una cara aleatoria como imagen de fondo a ese elemento. Actualiza utlilizando SHIFT + CMD + D hasta que encuentres un rostro que te funcione .

En el caso de los símbolos, también encontrarás un acceso directo a las opciones de datos desde el panel de propiedades de Overrides:

Los datos de Sketch también funcionan cuando se seleccionan múltiples elementos. Finalmente, puedes ajustar tus propias fuentes de datos (archivos de texto, por ejemplo) y obtener datos de ellos.

2. Invalidaciones de texto y estilos de capa

Si has trabajado con símbolos en Sketch con anterioridad entenderás el concepto de invalidaciones. Las invalidaciones te brindan la opción de editar un ejemplo del símbolo, anulando ciertas propiedades sin alterar el símbolo maestro. Sketch 52 está desarrollado con esta funcionalidad, añadiendo algunos aspectos adicionales (¡noticias fantásticas!) Para que ahora también puedas anular los estilos de texto y de capa. Así es como luce:

Text and Layer Style Overrides

Nota que cada elemento de texto dentro del símbolo ahora tiene la opción de cambiar su estilo de texto.

3. Operaciones booleanas mejoradas

Más allá del diseño de UI Sketch es también una gran herramienta para crear íconos e ilustraciones. Una gran parte del proceso de creación de vectores es controlada por las cuatro operaciones booleanas:

  1. Unión
  2. Restar
  3. cruzar
  4. Diferencia

Sketch 52 mejora estas operaciones al permitirte hacer algunas cosas nuevas como el uso de capas de texto y símbolos.

Por ejemplo, digamos que queremos utilizar texto y un fondo de imagen para crear un efecto de máscara. Al seleccionar ambos, luego escogiendo Intersect, esto es lo que obtenemos:

Improved Boolean Operations

Los dos elementos están disponibles para edición en el panel de capas, bajo una nueva forma combinada:

Both elements are readily available for editing in the layers panel under a new Combined shape

Verás que puedo seleccionar qué operador booleano se utiliza haciendo clic en el icono en la capa IMAGE.

Sketch 52 también permite que las operaciones booleanas se realicen en símbolos, lo cual es algo realmente poderoso.

Conclusión

Sketch 52 viene con muchas características nuevas además de las que cubrimos: habrás notado la IU oscura, también hay algunos aspectos rediseñados de la interfaz, considerables ganancias de rendimiento, por lo que en suma hay mucho que ver. Personalmente, pienso que esta es la actualización más importante que hemos visto hasta ahora en Sketch. ¡Déjanos saber lo que piensas!

Enlaces útiles:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.