In this seminar we learnt of the importance of colour in designing for the screen, and how we should use whatever tools available to us to ensure we make the right decisions. This can be for accessibility reasons, so colourblind people are stay able to see designs clearly.


Colour & Accessibility

Using the website Toptal.com we are able to see what a website looks like to people with different types of colour-blindness. I checked the NHS website and found that the website is still clear and legible to while put through all the colour filters.

Screenshot 2023-10-16 104919.png

Screenshot 2023-10-16 104940.png


Monochromatic, Analogous, Complimentary

Using Adobe colour, I created these screens representing monochromatic colours, analogous colours and complimentary colours.

Screenshot 2023-10-16 133919.png


Experimenting with Colour

Using Material theme builder, I input a main colour and was able to see a range of tonal variations. Using those variations, I created these mock-up screens.

B92628 tonal.png

FD7A00 dark theme.png

FD7A00 tonal.png


#E6BB09 rejig.png

After receiving feedback from the group critique, I redid my design to be more streamlined. I started by replacing the image, as it already had text on it which created visual noise. I also kept the colour pallet minimal for clarity.


WebAIM Accessibility Checker