Drawing My Designs in Procreate

I drew my designs using Procreate on my iPad. This was much easier tp draw them out on there instead of on Figma. I chose colours that symbolise the emotion, ie red for angry and drew faces on top. I found that drawing different shapes for the eyebrows helped to create the emotion better and adding small circles for cheeks made them look a bit more like characters rather than just shapes.

Here is the first set:

DAE2923E-3160-4006-B6CB-8125BD131FEB_1_201_a.jpeg

I exported them as a PNG and was then able to bring them into Figma to begin creating my watch screens.

I wasn’t sure whether to draw my weather designs with a black outline to make them sit forward or to let the designs do the talking for themselves, so I drew up both. I decided then that similar the other faces, I preferred not having an outline.

71DFBAB2-4101-4780-8920-1539C31BB5BB_1_201_a.jpeg

EEF10A8F-07B8-42A1-8F9E-C71F07FB6CCE_1_201_a.jpeg

I also drew up two of my alphabet designs so that I could create a mockup of the watch screen and see a snippet of another idea.

Screenshot 2022-10-10 at 12.51.32.png


Creating My Watch Screens in Figma

After looking at different typefaces on Adobe fonts and Google fonts, I settled on using Gill Sans as my font for this project. I find this to be easily read on smaller screens and really like how it looks in ‘light’ weight rather than regular. I feel as though this allows the drawings to be focus of the screen without the type taking too much of that away. I also was able to differentiate text by using capital letters and lowercase rather than adjusting the weight.

I created watch screens for all of my designs to get the feel for how they would look and perform on a smaller screen. I was going to add smaller details such as lines to show you can scroll left and right but I decided in the end that these didn’t serve any purpose and were actually cluttering the screen - likewise with adding the time to the corner.