Del curso: Sketch avanzado

Características de los símbolos en Sketch - Tutorial de Sketch

Del curso: Sketch avanzado

Características de los símbolos en Sketch

Los símbolos en Sketch son los elementos que puedes utilizar repetidamente en tu interfaz y que pueden ser modificados fácilmente, ya que al editar el símbolo madre puedes editar los demás al mismo tiempo y evitar retrabajo. Estos elementos ayudan a mantener un diseño consistente y ordenado. Aquí tenemos el ejemplo de un símbolo que consiste en texto, una línea divisora y un par de imágenes. Hagamos la prueba duplicándolo un par de veces. En esta instancia podemos ver el símbolo de manera idéntica en sus tres variantes. Para modificarlo elegimos la sección de Símbolo en nuestro menú del lado derecho. Ahí tenemos los Overrides, o modificantes, de cada uno de nuestros símbolos. Para esta situación podemos cambiar el avatar utilizando un rostro diferente. Lo mismo con la imagen. También podemos hacer cambio en texto, al igual que en las acciones de la zona inferior. Esto se puede lograr creando cuidadosamente los símbolos que implementaremos en nuestro documento. Veamos dentro de este símbolo haciendo doble clic. El original cuenta con estos elementos gráficos. Esos elementos gráficos se ven reflejados en capas. Algunos de ellos son símbolos, otros son simplemente estilos de texto. Si hago clic dentro de otro símbolo, este me llevará a la siguiente instancia y así sucesivamente. Puedo regresar al documento original y ver el resultado. Tomamos en cuenta que todo esto se logró con un solo símbolo y si queremos regresar a su imagen original simplemente, en la sección de Overrides, hacemos clic en la flecha de Reset o Regresar. Y estas son las características básicas de los símbolos en Sketch.

Contenido