Fonts For the sketchbook design Janle was in charged of the layout and style.

The first thing I wanted to try and experiment was the type of writing font that I wanted to appear in the sketchbook.

I wanted to use a handwriting font to simulate the appearance of a handwritten and rough diary. So 10 fonts were selected that best fit the criteria. I chose to make the background a gradient to quickly display white to brown tinted pages.

Using the page samples from UI & UX of our project proposal I applied the colours to test out different colour combinations. There was an immediate problem with one of the 10 fonts being unable to change the its colour from black. So that font was eliminated from the selection.

After looking at all the fonts and considering the criteria and its legibility Caveat fit the best. (3rd from the top)

Sketchbook UI I used Illustrator to create a clean and simple UI for the sketchbook. Using images as reference and inspiration to designs a simple sketchbook that can be customised in the future to suit our games aesthetic better.

The base for the sketchbook is a simple cover with small accessories like a bookmarker and elastic band. Along with the tabs in different placements. The colours used in these are all placeholders as I like to design with clear distinctions in colours so that I can clearly see the elements I'm working on.

These are then broken down into key parts. Below shows some experimentation for additional accessories like a pen, different version of tabs and more variation of page colours.

The Illustrator file was also shared to Yao to consult in the colours we will be using for the tab and the sketchbook. Below is the changed colours for the sketchbook done by Yao that we will be using for the playtest.

The size of the sketchbook pages differ from the Illustrator compared to Unity, so the changes were made to the page along with a page turn icon on the right side.