A brief walkthrough about Sketch and some of its features

1. Why I Love Sketch
Un repaso rápido por Sketch
y algunas de sus características
SALVA FERRANDO
12 FEBRERO 2015
FRONTENDERS

2. Salva Ferrando
Interface designer
Trabajo en peerTransfer
@salvafc

3. • Vectorial
• Solo lo necesario
• Curva de aprendizaje MUY baja
• Ligero
• Relativamente barato
Libreria gráfica Google Material Design
¿Por qué Sketch?

4. • Programa de edición vectorial SÓLO para digital
• Surgió para cubrir nicho diseño móvil
• Buena alternativa a los programas convencionales
• Enfocado principalmente a diseñadores de interfaces
(aunque también a desarrolladores)
¿Qué y para quien?
P

5. ¿Qué es lo primero que necesitamos
saber acerca de Sketch?
aciencia

6. Paciencia

7. Me hace el trabajo más fácil
¿Por qué yo uso Sketch?

8. • Infinite canvas
• Artboards
• Smart guides
• Colour picker
• Multitud de recursos
• Plantillas predefinidas
Colour picker (ctrl + C)
Smart guides (Alt + Selección de objeto)
¿Cómo?

9. • Autosave
• Layout settings
• Puedes usar todos los archivos SVG
• Vista de pixels
• Round to nearest pixel
¿Cómo?

10. • Css styles
• Copiar/pegar estilos
• Operaciones matemáticas
• Simbolos
¿Cómo?

11. • Drag and drop export
• Definiendo la zona a exportar (slice)
• Una capa
• Un artboard
• Todos los elementos
Exportando Assets
¿Cómo?

12. • Solo para Mac
• Peta de vez en cuando
• Bugs
• Con texto trabaja bastante mal.
• No trabaja bien con muchos vectores. Illustrator es
muchísimo mejor en este aspecto.
¿Qué tiene de malo?

13. • Sketch Mirror 5€• Sketch toolbox Gratis
Herramientas

14. • Mejor gestión del color
• Corregir bugs
• Improve Sketch Mirror
• Degradados en las mascaras
Que me gustaría que añadieran

15. Community
Freebies
• https://www.facebook.com/groups/sketchformac/
• twitter: sketchapp
• https://medium.com/sketch-app/
• http://www.sketchappsources.com/

16. ¡GRACIAS!
@salvafc