UI Design para Android com Sketch

Talk realizado no dia 25/01/2016, no Android Meetup RJ, sobre design de interfaces Android usando Sketch. O objetivo do talk foi falar de ferramentas e boas práticas do Sketch, com uma demonstração de design de interface de um aplicativo.

Mais informações: meetup.com/pt/android-meetup-rj/

Transcript

1. UI Design para Android com Sketch Walmyr Carvalho
2. Walmyr Carvalho @walmyrcarvalho
3. Sketch?
4. Sketch 3 - Desenvolvido pela Bohemian Coding - US$99,00 - OS X only :( - Utilizado por grandes empresas como Apple, Google, Facebook, Groupon, etc - 100% vetorial
5. Pages e Artboards
6. Pages são espaços organizacionais para os Artboards. Você pode usar o critério que quiser para organizar seus pages (telas, features, etc).
8. Artboards são canvas fixos com resoluções específicas que ajudam na hora de definir e exportar layouts específicos para web, mobile, etc.
10. A utilização dos Artboards é opcional, mas eles facilitam bastante o trabalho. Você também pode criar os seus próprios Artboards.
12. Symbols
13. Symbols são layers reutilizáveis, que tem seu estilo compartilhado entre os componentes utilizados em um layout ou artboard.
14. Imagem: sketchapp.com
15. Slices e Exports
18. Rulers e Grids
21. Plugins e Recursos
22. Skala Preview bjango.com/mac/skalapreview/
23. Skala View (Play Store) goo.gl/BxMEzR
24. Plugin - Skala Preview para Sketch (não oficial) github.com/marcisme/sketch-preview
25. Com o Sketch Preview e o Sketch View abertos, selecione o layer e: Plugins > Preview
26. Importante: Para visualizar o preview, é necessário que o seu artboard tenha a mesma resolução do device.
27. github.com/kang-chen/sketch-export-generator
28. Selecione o layer e: Plugins > Sketch Export Generator > Add Android Exports
29. zeplin.io
31. Selecione o(s) artboard(s) e: Plugins > Zeplin > Export Selected Artboards
32. facebook.github.io/design/devices
34. Demo
35. Dúvidas? /walmyrcarvalho Links sketchappresources.com sketchresources.com sketchcasts.net sketchapp.com sketchapp.tv zeplin.io
36. Muito obrigado!