Del curso: Sketch avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Implementación de componentes en Sketch

Implementación de componentes en Sketch - Tutorial de Sketch

Del curso: Sketch avanzado

Comenzar mi mes de prueba gratis Comprar para mi equipo

Implementación de componentes en Sketch

“

Otra ventaja en la implementación de símbolos dentro de Sketch es que no solamente podemos crear instancias o variantes del mismo componente, sino que también podemos crear un sistema de diseño responsivo que puede implementarse en distintas resoluciones de pantalla. Por ejemplo, contar con la capacidad de traducir este diseño implementado dentro de la pantalla de un iPhone e implementarlo sin problema en la pantalla de un iPad. En este ejemplo podemos observar que, al estirar el elemento gráfico, muchos de nuestros símbolos han sido modificados, y no de una manera agradable. Para corregir esto la solución es entrar al componente y adaptar cada uno de los símbolos para que el componente sea completamente responsivo. Para lograr esto dentro del componente hagamos la prueba dividiéndolo en cuatro partes. Ahora seleccionemos un elemento, y en el área de Inspector busquemos la sección de RESIZING. En esta sección contamos con dos opciones: "Pin to Edge" significa anclar a una esquina u…

Contenido