UI/UX Colour Rules.
4 comments
Like many people, I started learning to code through YouTube videos and I code along. After a few months, I got my first gig, and it felt so good that I am getting paid for programming. After a while, I decided to further make my skill better, and I enrolled in a coding school around my city. I got all the things I needed to know about building front and back applications with React Js and Node Js. I started building, and I built a full-stack application as my project to earn me a certificate.
However, I lacked something. I did not know how to use colours properly when building a front-end app. There are some projects that the client will not provide the resources for a UI designer and as a developer, you may have to use your initiative to come up with something or probably hack projects that are similar to what you are working on and smartly use the UI. But whenever I do that, I mess up with the colours. However, after diligently checking on how to get better at this, I got a solution. Some months ago, I finished a project that everyone around me almost licked their screen because of the sleek colours and how it was being used. So, today I will share a little solution and how to make your colour selection better, more mature, neat and not distracting.
The 60, 30 and 10 colour rules
Simplicity is the best and the colour combination should be in the form of 60% base colour like the background, 30% primary colour (the brand colour) and call to action should be 10%. This way you will have a beautiful interface for your website. I will drop an example below.
60% of the base colour
30% of primary colour
10% of secondary colour.
I am tykee, I do dev things and write.
Posted Using LeoFinance Alpha

Comments