3 ms·
For getting some UI drawing skills go to: https://bezier.method.ac/ https://bezier.method.ac/ Then buy a copy of Sketch and draw a couple of phone screens (by
by mettamage 8y ago
For getting some UI drawing skills go to:
https://bezier.method.ac/ https://bezier.method.ac/
Then buy a copy of Sketch and draw a couple of phone screens (by hand) [1, 2]. The idea is to do it by eye, so no cheating by using color pickers or measuring the pixels, do it by eye. Draw all the icons. In actual projects you can use icons but now you have the power to create your own.
Then do this one (the image)[3]. Now you should be on the level that you could draw any figure well enough as long as you have a reference image for it.
In my opinion regarding UI design there's no need to go further than this if it is purely for your own projects. The idea is to create a nice looking UI, not photo realistic images by hand ;)
[1]: https://www.invisionapp.com/inside-design/design-resources/do/ https://www.invisionapp.com/inside-design/design-resources/d...
[2]: Sketch quick start: press A (for artboard) to plop down a screen. With R (rectangle) and O (oval) you can create simple figures. With V (vector) you can do the pen tool thingy that you've trained at bezier.method.ac. The rest should make sense on its own.
[3]: https://www.invisionapp.com/inside-design/design-systems-value/ https://www.invisionapp.com/inside-design/design-systems-val...