Why I Chose The Book "The Design of Everyday Things"
The first book that came to mind for this project was a book I had barely finished reading yet has made a lot of positive impact in the way I see and assess designs around me (The design of Everyday things by Don Norman). I have been able to make quality design decisions in recent times, all thanks to this book and I now place users first ahead of myself when designing for them.
So, I saw this as an opportunity to share an interesting bit of the book and present it using typography and colour as the main elements as required on the project. The content extracted from chapter 2 of the book inspired the layout design. I wanted a simple and easy to read with emphasis on vital statements made in the book. I wanted to create a subtle, easy on the eye’s kind of theme for the design.
I created a mood board made from a collage of images that centred around design and creativity. I then extracted a colour scheme for the design. I initially chose to use Playfair Display (Serif) for Headings but it did not appear legible on the final design, so I had to replace it with Lora which is quite easier to read for users. Then for the paragraph texts, I initially chose Outfit (San-Serif) and realize the characters are too close to each other and may not be easy to read for users so I changed to Poppins for paragraph texts for clarity.
These decisions were made based on feedbacks from my Whimsical Board which shows my design process and early mock-ups before the actual coding in HTML and CSS.
For the main colour, I chose to use #343e4c basically for the Big Headings and paragraphs which will sit nicely on a very light background to create a contrast that will make it easy for users to read contents. For the light background colour, I chose to use #f2f1ef. Then #a14148 as a secondary colour to highlight quotes and subheadings. I then included an accent colour, #e2c7a1 to add accents to elements within the design.