Exploring Colour using Adobe Colour

How Design Can Be Made Accessible to the Visually Impaired

In class we also used the website Toptal Colour Blind Web Page Filter to visualise how a user who is colour blind. Colour blindness occurs when an individual finds it difficult to distinguish or identify certain colours and effects almost three hundred million people world wide. The condition can have a significant effect on the individuals user experience of webpages and apps, as shown in the image above. It was really interesting to read UX designer Adam Silver’s article “Improving The Colour Accessibility For Colour-Blind Users“. Silver illustrates ways in which a designer can improve readability for those with impaired sight this includes being weary of text overlaid on background images and advises that the text should be bold and clear to define itself against the busy background.

Exploring Co-ordinating Colour

Using Material Design website to match colours to create a primary and secondary complimenting colours before taking them to Figma to create a quick wire frame that utilises the colours and shades which the website suggested on the Colour Tool feature of the webpage. I chose a calm pallette which reflected the tone of a lifestyle app.