Android Development Slovenia Meetup #4 - How to have a working designer developer relationship
0 likes326 views
The document discusses tools and workflows for improving collaboration between designers and developers, highlighting Sketch for its scalability and community plugins, and InVision for its prototyping and collaboration features. It also mentions Framer for coding interactions and emphasizes the importance of establishing ownership and communication throughout the design process. Key steps include building a style guide, creating prototypes, and maintaining up-to-date assets.
Android Development Slovenia Meetup #4 - How to have a working designer developer relationship
- 3. What tools to use to get your ideas across?
- 4. Sketch
- 5. Sketch ● Vector based - easy scale to any resolution. ● Symbols and Styles - once you establish some rules, easily replicate designs for different flows. ● Export for different resolutions. ● Plugins and extensions provided by the community. ● Price - 99$.
- 6. Plugins and additional programs
- 10. zeplin.io
- 12. Invision
- 13. Why Invision? ● Signal based prototyping ● Commenting - collaboration ● Developer notes ● Version control ● Assets management
- 14. invisionapp.com
- 15. invisionapp.com
- 16. invisionapp.com
- 17. invisionapp.com
- 18. Framer
- 19. Why Framer? ● Works on coffeescript ● Import designs directly from sketch ● Preview on device ● Share anywhere ● Code snippets
- 20. framerjs.com
- 21. framerjs.com
- 22. framerjs.com
- 23. Workflow 1. Design 1x mdpi or 2x xhdpi 2. Build styleguide - Atomic design 3. Build prototypes instead of writing specification 4. Polish interactions and animation 5. Export assets and keep them up to date in Invision or Dropbox
- 24. Something to think about for the next project Establish ownership. Establish agreement. Treat documentation as a dialog. Involve everybody in the early stages of feature design. Check-in about design status every day. Show evolution of designs. Represent design needs with labels. Learn from each other.